Loading ...
Sorry, an error occurred while loading the content.

Re: [id-js] tanya close tab window

Expand Messages
  • Fadjar Nurswanto
    nama file: index.html Test Using Ajax
    Message 1 of 4 , May 22 12:44 AM
    • 0 Attachment
      nama file: index.html
      <html>
      <head>
      <title>Test Using Ajax</title>
      <script language="JavaScript" type="text/javascript" src="ajax.js"></script>
      </head>
      <body>
      <form>
      <input type="button" name="Test" Value="Test" onclick="javascript:sndReq('test.php')">
      </form>
      </body>
      </html>

      nama file: ajax.js
      function creaReqObj()
      {
      var obj;
      var browser=navigator.appName;
      if(browser == "Microsoft Internet Explorer")
      {
      obj=new ActiveXObject("Microsoft.XMLHTTP");
      }
      else
      {
      obj=new XMLHttpRequest();
      }
      return obj;
      }

      function sndReq(xfile)
      {
      var ObjHttp=creaReqObj();
      ObjHttp.open('get',xfile);
      ObjHttp.onreadystatechange = function(){
      if(ObjHttp.readyState == 4)
      {
      var response=ObjHttp.responseText,
      obj=window.document.createElement("div"),
      doc=window.document.getElementsByTagName("body")[0];

      obj.innerHTML=response;
      doc.appendChild(obj);

      }
      };
      ObjHttp.send(null);
      }


      nama file: test.php
      <?
      echo "test succeed 123";
      ?>

      Diatas adalah contoh komunikasi dengan ajax. Sederhana sekali.

      Silahkan eksekusi index.html.
      Anda akan ditunjukkan satu tombol (button) yang berisi kata Test.
      Bila tombol ditekan, akan mengirimkan perintah untuk mengambil data diserver.
      Server memberikan data.
      Ditampilkan ke browser tanpa merefresh window.

      Untuk belajar pemahaman lebih dalam tentang ajax dan DOM, anda bisa menggunakan searching engine
      untuk mencarinya.

      Semoga membantu,
      Fadjar Nurswanto
      http://blog.rindudendam.net

      Joko wrote:
      > 2009/5/22 Fadjar Nurswanto <mailinglist@...>:
      >>
      >> Reload atau refresh content menggunakan ajax ... jadi bukan reload/refresh
      >> window/tab ... hanya
      >> content. Selanjutnya proses yang dijalankan ketika user menutup tab bisa
      >> menggunakan event seperti
      >> biasa.
      >>
      >
      > wah belum mengerti juga mas, belum belajar ajax, kasih contoh dong mas
      >
      > trims
      >
      >
    Your message has been successfully submitted and would be delivered to recipients shortly.