XML HttpRequest

Lahat ng modernong browser ay may nakabukod na XMLHttpRequest object, na ginamit upang hilingin data mula sa server.

XMLHttpRequest object

Ang XMLHttpRequest object ay maaaring gamitin upang hilingin data mula sa Web server.

Ang XMLHttpRequest object ayPangarap ng Developer, dahil makakaya ka ng:

• I-update ang pahina - walang pag-reload ng pahina
• Hilingin ang data mula sa server - pagkatapos na ma-load ang pahina
• Tanggapin ang data mula sa server - pagkatapos na ma-load ang pahina
• Magpadala ng data sa server - sa likod

XMLHttpRequest halimbawa

Kapag nagtipon ka ng mga character sa ibabang input field, ang XMLHttpRequest ay papadala sa server at ibabalik ang ilang mga suhestiyon ng pangalan (mula sa server):

halimbawa

Mangyaring ipasok ang pangalan sa ibabang input field:

Magpadala ng XMLHttpRequest

Ang mga karaniwang JavaScript syntax na ginamit sa XMLHttpRequest object ay sumusunod:

halimbawa

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    kung (this.readyState == 4 at ang status == 200) {
       // Karaniwang aksyon na dapat gawin kapag handa ang dokumento:
       document.getElementById("demo").innerHTML = xhttp.responseText;
    }
};
xhttp.open("GET", "filename", true);
xhttp.send();

subukan nang sarili

paliwanag ng halimbawa

sa itaas na halimbawa, ang unang linya ay naglunsad ng isang XMLHttpRequest object:

var xhttp = new XMLHttpRequest();

onreadystatechange ang attribute ay nagtutukoy sa function na dapat ipatnugot bawat pagbabago ng estado ng XMLHttpRequest object:

xhttp.onreadystatechange = function()

kapag readyState ang attribute ay 4 at status kapag ang attribute ay 200, ang tugon ay handa:

kung (this.readyState == 4 at ang status == 200)

responseText 属性以文本字符串形式返回服务器响应。

文本字符串可用于更新网页：

document.getElementById("demo").innerHTML = xhttp.responseText;

您将在本教程的 AJAX 章节中学到有关 XMLHttpRequest 对象的更多内容。