Ajax学习总结升级版.docVIP

Ajax学习总结 作者：金含 QQ交流群:243639561 个人博客网站:/lvjinhan 备注：相信自己，每天不断学习，一定会成为大神，一定会在IT行业中有所作为。 1、获取ajax引擎对象XMLHttpRequest 1.编写一index.jsp文件，代码如下: input type=button value=点击获得何种浏览器 onclick=getXml() script type=text/javascript function getXml(){ var xml; if(window.XMLHttpRequest){ xml=new XMLHttpRequest(); }else{ xml=new ActiveXObject(microsoft.xmlhttp); } alert(当前搜索引擎是：+xml); } /scriptpackage ask; import java.io.IOException; import java.io.PrintWriter; import java.util.Date; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; //编写一个时间日期函数，当用户点击显示时间按钮，服务器会自动显示当前系统时间; public class Demo1 extends HttpServlet { @Override protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { req.setCharacterEncoding(utf-8); resp.setCharacterEncoding(utf-8); resp.setContentType(text/html;charset=utf-8); Date date=new Date(); PrintWriter out =resp.getWriter(); out.print(当前系统时间是：+date); } } 2.date.jsp文件 input id=input1type=button value=获得系统时间 onclick=getXhr() script type=text/javascript var input1=document.getElementById(input1); input1.onclick=function(){ var xhr=getXhr(); xhr.onreadystatechange=function(){ if(xhr.readyState==4){ if(xhr.status==200){ var msg=xhr.responseText; document.write(msg); } } }; xhr.open(get,/ajax/Demo1,true); xhr.send(null); }; function getXhr(){ var xhr; if(window.XMLHttpRequest){ xhr=new XMLHttpRequest(); }else{ xhr=new ActiveXObject(microsoft.xmlhttp); } return xhr; } /script 3.web.xml配置文件 servlet servlet-nameDemo1/servlet-name servlet-classask.Demo1/servlet-class /servlet servlet-mapping servlet-nameDemo1/servlet-name url-pattern/Demo1/url-pattern /servlet-mapping 4.程序运行如下: 3、使用Ajax验证用户是否可以注册 1．Java代码如下: package ask; import java.io.IOException; imp