异步调用,局部刷新
Ajax工作流程
XMLHttpRequest对象直接与服务器通信,异步传输数据
Ajax实现步骤
1.创建XMLHttprequest对象,作用:异步请求,数据的传送
2.设置回调函数:
当服务器做出正确响应返回后,需要对返回的数据进行处理,处理的代码写在回调函数中
回调函数最后才调用
3.初始化HttpRequest组件
4.发送请求
Ajax原理
原生Ajax:
script>//1.获取XMLHttpRequest对象的函数fuction getXMLHttpRequest(){if(window.XMLHttpRequest){return new XMLHttpRequest();}}var xht;//文本框失去焦点触发的函数function inputLogin(txt){xhr = getXMLHttpRequest();//调用方法创建XMLHttpRequest对象//初始化XMLHttpRequest对象xhr.open("GET","AdminServlet?loginId" + loginId,true);//XMLHttpRequest对象发送请求xhr.send(null);}//3.回调函数function resultFunction(){var s = ducument.getElementById("s");if(xhr.readyState == 4) { //请求完成if(xhr.status ==200) { ?//表示服务端正确返回数据var data = xhr.responseText;if(data == "yes"){s.style.color = "green";s.innerHTML = "用户名可用";}else{s.style.color = "red";s.innerHTML = "用户名不可用";}}}}</script>
Ajax实现登录用户名验证
引入的jar包
循环输出json数据
jQuey_Ajax的使用
原文地址:http://www.cnblogs.com/anstoner/p/7429420.html