ajax(原)简单分析

ajax 故名思议，局部刷新，完成动态数据的提交 ，验证，反馈 第一步 写html 里面的form表单 <form> 姓名：<input type="text"name="txtName" id="txtName"onblur="testName()"/> <span id="rrSpan"name="rrSpan"/></span> </form> 第二步 编写js 代码 <script type="text/javascript"language="javacript"> var xmlHttp; //创建XMLhttprequest对象 function createXMLHttpRequest(){ if(window.ActiveXObject){ xmlHttp=newActiveXObject("Microsoft.XMLHttp"); } else if(window.XMLHttpRequest) xmlHttp=new XMLHttpRequest(); } //毁掉函数 function process(){ if(xmlHttp.readystate==4){ //服务器返回响应 if(xmlHttp.status==200){ //返回正常反应 var nrSpan=document.getElementByIdx_x("rrSpan"); nrSpan.innerHTML=xmlHttp.responseText(); } } } function testName(){ //获取用户输入 vartxtName=document.getElementByIdx_x("txtName"); //非空判断 if(txtName=="") { var nrSpan=document.getElementByIdx_x("rrSpan"); nrSpan.innerHTML="姓名不能为空"; } else{ //创建XMLhttprequest对象 //调用方法创建 createXMLHttpRequest(); xmlHttp.open("post","example.jsp"); xmlHttp.onreadystatechange=process();//回调的函数 xmlHttp.setRequestHeader("Content-Type","application/x-w-form-urlencoded"); xmlHttp.send("uname="+txtName); } } </script> 第三步 编写处理页面 example.jsp <% String name=request.getParameter("uname"); //进行判断 if(name.equals("lkl")){ out.println("用户名已经存在"); } else{ out.print("可以使用，同意注册"); } %> 就此三步，以上代码是纯手工输入，没有在编译器里运行 ，不保证不会出现输入错误，请谅解，原文来自北大青鸟，谢谢。