step1,创建XMLHttpRequest对象
在页面创建js脚本
<script type="text/javascript"> function createXMLHttpRequest() { if (window.ActiveXObject) { return new XMLHttpRequest("Microsoft.XMLHTTP"); } else { return new XMLHttpRequest(); } } </script>
step2,编写客户端响应函数
如:<input id="userName" runat="server" onblur="checkUserName" type="text" />
var xmlHttpRequest; function checkUserName() { var userName = document.getElementById("userName").value; var url = "UserHttpHandle.aspx?UserName=" + userName; //1、创建XMLHttpRequest xmlHttpRequest = createXMLHttpRequest(); //2、设置回调函数 xmlHttpRequest.onreadystatechange = readyDO; //3、出初始化XMLHttpRequest xmlHttpRequest.open("GET",url,true); //4、发送请求 xmlHttpRequest.send(); }
step3,编写服务器端代码
step4,编写回调函数
function readyDo() { if (xmlHttpRequest.readyState == 4 && xmlHttpRequest.status == 200) { var result = xmlHttpRequest.responseText; if (result == "true") { } else { } } }
XMLHttpRequest状态属性