XMLHttpRequest的五步使用法:
1、 建立XMLHttpRequest对象
var xmlhttp; if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); }
2、 注册回调函数 xmlhttp.onreadystatechange=callback;
xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("myDiv").innerHTML=xmlhttp.responseText; } }
3、 使用open方法社会自和服务器端交互的基本信息
xmlhttp.open("GET","test1.txt",true); // xmlhttp.send();
xmlhttp.open("POST","ajax_test.asp",true); xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"); // xmlhttp.send("fname=Bill&lname=Gates");
setRequestHeader()请求头信息。
默认情况下,服务器对于客户端一无所知,不知道客户端的任何信息。
在http协议中,请求主体被规定为放置传递到服务器的数据。
那如何告诉服务端有关客户端的信息呢,所以就设计了一个请求头的概念,规定在这里放置一些客户端的信息。
cookie就是放置在这里,以在每次请求时发送给相关的域。
请求头可以自定义,那么你就可以根据请求头的相关信息,在服务器端做一些特殊处理。
假设你就客户端的分辨率做为参数传递,服务端就可以统计访问你的网站的用户的屏幕分辨率的占比。
4、 设置发送的数据,开始和服务器端交互
xmlhttp.send("name="+userName)
5、 在回调函数中判断交互是否结束,响应是否正确,并根据需要过去服务器端返回的数据,更新页面内容
if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("myDiv").innerHTML=xmlhttp.responseText; }
var message=xmlhttp.responseText;
https://zhidao.baidu.com/question/1733930251705090427.html