1.创建XMLHttpRequest对象;
XMLHttpRequest是Javascript的一个新对象;
2.调用open()方法打开与服务器的连接;
open(method,url,async);
method:请求方式,通常为GET/POST;
url:请求服务器地址,若为GET请求,还可以在url后追加参数
async:默认是异步请求为true;
3.调用send()方法发送请求;
send()的参数为POST请求的参数,即对应的HTTP协议的请求体内容。若没有,需给出null参数,若不给出null参数,可能会导致FireFox浏览器不能正常发送请求。
4.接收服务器响应
当请求发出去后,服务端就开始执行了,但服务器端的响应还没有接收到。接下来接收服务器的响应。
readyState:存有服务器响应的状态信息。
responseText:获得字符串形式的响应数据。
xmlHttp.onreadystatechange = function() {
if(xmlHttp.readyState == 4 && xmlHttp.status == 200) {
alert(xmlHttp.responseText);
} };
if发送POST请求
<1>需要设置请求头:xmlHttp.setRequestHeader(“Content-Type”, “application/x-www-form-urlencoded”);注意 :form表单会默认这个键值对不设定,Web服务器会忽略请求体的内容。
<2>在发送时可以指定请求体:send("username=yuan&password=123");
代码示例:
注意:上面创建ajax对象是非IE的方法,IE的方法参考链接https://www.cnblogs.com/joshua317/articles/3517408.html