AJAX
程序员文章站
2022-07-12 18:08:08
...
if(trim(field.value).length != 0) {
//-------------------创建浏览器对象---------------------------
var xmlHttp = null;
//表示当前浏览器不是ie,如ns,firefox
if(window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
} else if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
//-------------------创建浏览器对象---------------------------
var url = "user_validate.jsp?userId="+trim(field.value)+"&time=" + new Date().getTime();
//设置请求方式为GET,设置请求的URL,设置为异步提交
xmlHttp.open("GET", url, true);//true表示的是异步
//将方法地址复制给oneadystatechange属性
//类似于电话号码
//=======================================匿名函数
xmlHttp.onreadystatechange=function() {
//alert(xmlHttp.readyState);
//Ajax引擎状态为成功
if(xmlHttp.readyState == 4) {
//HTTP协议状态成功
if(xmlHttp.status == 200) {
if(trim(xmlHttp.responseText) != "") {
//alert(xmlHttp.responseText);
document.getElementById("spanUserId").innerHTML = "<font color = 'red'>" + xmlHttp.responseText + "</font>";
} else {
document.getElementById("spanUserId").innerHTML = "";
}
} else {
alert("请求失败,错误码=" + xmlHttp.status);
}
}
};
//将设置信息发送到Ajax引擎
xmlHttp.send(null);
} else {
document.getElementById("spanUserId").innerHTML = "";
}
上一篇: [读书笔记]《STL源码剖析》
下一篇: Ajax
推荐阅读
-
支持Ajax跨域访问ASP.NET Web Api 2(Cors)的示例教程
-
jQuery使用ajax方法解析返回的json数据功能示例
-
php+ajax 文件上传代码实例
-
Servlet获取AJAX POST请求中参数以form data和request payload形式传输的方法
-
jQuery+ajax的资源回收处理机制分析
-
jquery与ajax获取特殊字符实例详解
-
HTML5中使用postMessage实现Ajax跨域请求的方法
-
深入Ajax代理的Java Servlet的实现详解
-
SpringBoot+SpringSecurity处理Ajax登录请求问题(推荐)
-
jquery拼接ajax 的json和字符串拼接的方法