简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

AJAX - Buat objek XMLHttpRequest

Objek XMLHttpRequest

Objek XMLHttpRequest ialah teras teknologi Ajax.

Objek XMLHttpRequest disokong oleh semua penyemak imbas moden (IE5 dan IE6 menggunakan ActiveXObject).

Berinteraksi dengan pelayan tanpa memuat semula halaman adalah ciri terbesar Ajax. Ciri penting ini terutamanya disebabkan oleh objek XMLHttpRequest. Menggunakan objek XMLHttpRequest membolehkan aplikasi web, seperti aplikasi Windows, untuk bertindak balas terhadap interaksi antara pengguna dan pelayan tepat pada masanya tanpa perlu memuat semula atau melompat halaman, dan untuk melakukan satu siri pemprosesan data, fungsi ini boleh memendekkan masa menunggu pengguna . , dan juga mengurangkan beban pada bahagian pelayan.

Buat objek XMLHttpRequest

Pelayar moden (IE7+, Firefox, Chrome, Safari dan Opera) semuanya mempunyai objek XMLHttpRequest terbina dalam.

Sintaks untuk mencipta objek XMLHttpRequest:

variable=new XMLHttpRequest();

Versi lama Internet Explorer (IE5 dan IE6) menggunakan objek ActiveX :

variable=new ActiveXObject("Microsoft.XMLHTTP");

Untuk mengendalikan semua penyemak imbas moden, termasuk IE5 dan IE6, sila semak sama ada penyemak imbas menyokongnya XMLHttpRequest objek. Jika disokong, cipta objek XMLHttpRequest. Jika tidak disokong, buat ActiveXObject : :

<!DOCTYPE html>
<html>
<head>
<script>
    function loadXMLDoc()
    {
        var xmlhttp;
        if (window.XMLHttpRequest)
          {// code for IE7+, Firefox, Chrome, Opera, Safari
          xmlhttp=new XMLHttpRequest();
          }
        else
          {// code for IE6, IE5
          xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
          }
        xmlhttp.onreadystatechange=function()
          {
          if (xmlhttp.readyState==4 && xmlhttp.status==200)
            {
            document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
            }
          }
        xmlhttp.open("GET","/try/ajax/ajax_info.txt",true);
        xmlhttp.send();
    }
</script>
</head>
<body>
    <div id="myDiv"><h2>使用AJAX</h2></div>
    <button type="button" onclick="loadXMLDoc()">点击修改</button>
</body>
</html>


Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script> function ajaxFunction() { var xmlHttp; try { // Firefox,Opera 8.0+,Safari xmlHttp=new XMLHttpRequest(); } catch (e) { // Internet Explorer try { xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) { alert("您的浏览器不支持AJAX！"); return false; } } } } </script> </head> <body> <form name="myForm"> 　　用户： <input type="text" name="username" /> <br> 　　时间： <input type="text" name="time" /> </form> </body> </html>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492160 permainan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！