ایکس ایم ایل ریضہ

ਸਾਰੇ ਆਧੁਨਿਕ ਬਰਾਉਜ਼ਰ XMLHTTPRequest ਆਬਜੈਕਟ ਸ਼ਾਮਲ ਕਰਦੇ ਹਨ ਕਿ ਉਹ ਸਰਵਰ ਤੋਂ ਡਾਟਾ ਬੇਨਤੀ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ。

XMLHttpRequest ਆਬਜੈਕਟ

XMLHttpRequest ਆਬਜੈਕਟ ਵਿਬਰਨ ਸਰਵਰ ਤੋਂ ਡਾਟਾ ਬੇਨਤੀ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ。

XMLHttpRequest ਆਬਜੈਕਟ ਹੈਵਿਕਾਸਕਾਰ ਦਾ ਸੁਪਨਾਕਿਉਂਕਿ ਤੁਸੀਂ ਇਹ ਕਰ ਸਕਦੇ ਹੋ:

• ਪੰਨਾ ਅੱਪਡੇਟ ਕਰਣ - ਪੰਨਾ ਮੁੜ ਲੋਡ ਕੀਤੇ ਬਿਨਾ
• ਸਰਵਰ ਤੋਂ ਡਾਟਾ ਬੇਨਤੀ ਕਰਣ - ਪੰਨਾ ਲੋਡ ਹੋਣ ਦੇ ਬਾਅਦ
• ਸਰਵਰ ਤੋਂ ਡਾਟਾ ਪ੍ਰਾਪਤ ਕਰਣ - ਪੰਨਾ ਲੋਡ ਹੋਣ ਦੇ ਬਾਅਦ
• ਸਰਵਰ ਨੂੰ ਡਾਟਾ ਭੇਜਣ - ਪਿੱਛੇ ਦੇ ਪੱਧਰ 'ਤੇ

XMLHttpRequest ਉਦਾਹਰਣ

ਜਦੋਂ ਤੁਸੀਂ ਹੇਠ ਦਿੱਤੇ ਇੰਪੁਟ ਖੇਤਰ ਵਿੱਚ ਅੱਖਰ ਭਰੋ ਤਾਂ XMLHttpRequest ਸਰਵਰ ਨੂੰ ਭੇਜਦਾ ਹੈ ਅਤੇ ਕੁਝ ਨਾਮ ਸੁਝਾਅ (ਸਰਵਰ ਤੋਂ) ਵਾਪਸ ਲੈ ਲਿਆ ਜਾਂਦਾ ਹੈ:

ਉਦਾਹਰਣ

ਹੇਠ ਦਿੱਤੇ ਇੰਪੁਟ ਖੇਤਰ ਵਿੱਚ ਨਾਮ ਇਨ੍ਹਾਂ ਵਿੱਚ ਭਰੋ:

XMLHttpRequest ਭੇਜਣ

ਹੇਠ ਲਿਖੇ ਵਿੱਚ XMLHttpRequest ਆਬਜੈਕਟ ਦੇ ਸਭ ਤੋਂ ਆਮ JavaScript ਗਰੰਟਰ ਹਨ:

ਉਦਾਹਰਣ

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
       // ਦਸਤਾਵੇਜ਼ ਤਿਆਰ ਹੋਣ ਜਦੋਂ ਤਾਂ ਹੋਣ ਵਾਲਾ ਪ੍ਰਮਾਣਿਕ ਕਾਰਵਾਈ:
       document.getElementById("demo").innerHTML = xhttp.responseText;
    }
};
xhttp.open("GET", "filename", true);
xhttp.send();

ਸੁਭਾਵਿਕ ਰੂਪ ਵਿੱਚ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ ਵਿਆਖਿਆ

ਉੱਪਰੋਕਤ ਉਦਾਹਰਣ ਵਿੱਚ ਪਹਿਲੀ ਲਾਈਨ ਨੇ ਇੱਕ XMLHttpRequest ਆਬਜੈਕਟ:

var xhttp = new XMLHttpRequest();

onreadystatechange ਪ੍ਰਤੀਕਸ਼ਣ ਹਰ ਵਾਰ XMLHttpRequest ਆਬਜੈਕਟ ਦਾ ਸਥਿਤੀ ਬਦਲਣ ਦੇ ਹਰ ਸਮੇਂ ਚਲਾਉਣ ਵਾਲੀ ਫੰਕਸ਼ਨ ਦੇਣ ਵਾਲੀ ਪ੍ਰਤੀਕਸ਼ਣ ਸੂਚਕਾਂਕ ਸੂਚੀਬੱਧ ਕਰਦਾ ਹੈ:

xhttp.onreadystatechange = function()

ਜਦੋਂ readyState ਪ੍ਰਤੀਕਸ਼ਣ 4 ਹੋਣ ਅਤੇ status 属性 200 ਹੋਣ ਜਦੋਂ ਤਾਂ ਪ੍ਰਤੀਕਸ਼ਣ ਤਿਆਰ ਹੁੰਦਾ ਹੈ:

if (this.readyState == 4 && this.status == 200)

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

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

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

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