js/javascript实现ajax小结

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。