源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

Ajax局部刷新应用案例---简单登录

  • 时间:2020-12-10 16:23 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:Ajax局部刷新应用案例---简单登录
二话不说了,直接给代码,相信需要的都是代码而不是废话一堆…… 1.java代码:
[url=<%=basePath%>] <title>My JSP 'index.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <script> //设一个变量 var XMLHttpReq=false; //创建一个XMLHttpRequest对象 function createXMLHttpRequest(){ if(window.XMLHttpRequest){ //Mozilla XMLHttpReq=new XMLHttpRequest(); } else if(window.ActiveXObject){ try{ XMLHttpReq=new ActiveXObject("Msxml2.XMLHTTP"); }catch(e){ try{ XMLHttpReq=new ActiveXObject("Microsoft.XMLHTTP"); }catch(e){} } } } //发送请求函数 function send(url){ createXMLHttpRequest(); XMLHttpReq.open("GET",url,true); XMLHttpReq.onreadystatechange=proce; //指定响应的函数 XMLHttpReq.send(null); //发送请求 } function proce(){ if(XMLHttpReq.readyState==4){ //对象状态 if(XMLHttpReq.status==200){//信息已成功返回,开始处理信息 var res=XMLHttpReq.responseXML.getElementsByTagName("content")[0].firstChild.data; window.alert(res); document.getElementById("data").innerHTML = res; document.getElementById("name").value = res; }else{ window.alert("不好意思,所请求的页面有异常"); } } } //身份验证 function check(){ var name=document.getElementById("name").value; if(name==""){ alert("请输入内容哦"); return false; } else{ send('login?name='+name); } } </script> </head> <body> <form action="login" method="post"> <tr><td>姓名: <input id="name" type="text" name="name"/> <input type="button" value="点我试试看" onClick="check()"/> </td> </tr> <tr><td><div id="data">等下我会变哦!!</div></td></tr> </form> </body> </html>
3.xml配置文件代码:
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部