IT兄弟连 JavaWeb教程 使用AJAX发送GET请求并获取响应

时间:2023-03-10 02:06:23
IT兄弟连 JavaWeb教程 使用AJAX发送GET请求并获取响应

GET请求用于获取数据,有时候我们需要获取的数据需要通过"查询参数"进行定位,在这种情况下,我们会将查询参数追加到URL的末尾,令服务器解析。

使用Ajax发送GET请求非常简单,代码如下:

function GetRequest(){

var xhr = null;

if(window.XMLHttpRequest){

xhr = new XMLHttpRequest();

}else{

xhr = new ActiveXObject("Microsoft.XMLHttp");

}

xhr.open('get’,’/ajax_demo?username=itxdl&password=123456’,true);

xhr.onreadystatechange = function(){

if(xhr.readyState == 4 && xhr.status == 200){

var data = xhr.responseText;

}

}

xhr.send(null);

}

总结:

●  创建XHR对象var xhr = new XMLHttpRequest()或var xhr = new ActiveXObject ("Microsoft.XMLHttp")。

●  建立HTTP连接 xhr.open('GET’,URL,ASYNC)。

●  给XHR状态绑定一个回调函数 xhr.onreadystatechange = function(){}。

●  在回调函数中判断Ajax的状态是否等于4,HTTP状态码是否等于200,然后编写相应的业务逻辑。

●  发送一个HTTP请求 xhr.send(null);使用GET请求时send方法参数为null,如果传值的话,服务器也不会接受。