示例 2 : 不使用AJAX 通过刷新页面验证账号是否存在 示例 3 : 使用AJAX 通过无刷新验证账号是否存在
<html> <a href="/study/checkName.jsp?name=abc">checkName.jsp?name=abc</a> <br> <a href="/study/checkName.jsp?name=def">checkName.jsp?name=def</a> </html>
<html> <a href="/study/checkName.jsp?name=abc">checkName.jsp?name=abc</a> <br> <a href="/study/checkName.jsp?name=def">checkName.jsp?name=def</a> </html>
如果不使用AJAX,传统的方法需要通过提交数据
刷新页面来获知用户名是否存在。
提示:使用F5回到原来页面
<form action="/study/checkName.jsp"> 输入账号 <input name="name" type="text" value="abc"> <input type="submit" value="验证账号是否存在"> </form>
<form action="/study/checkName.jsp"> 输入账号 <input name="name" type="text" value="abc"> <input type="submit" value="验证账号是否存在"> </form>
<span>输入账号 :</span> <input id="name" name="name" onkeyup="check()" type="text"> <span id="checkResult"></span> <script> var xmlhttp; function check(){ var name = document.getElementById("name").value; var url = "/study/checkName.jsp?name="+name; xmlhttp =new XMLHttpRequest(); xmlhttp.onreadystatechange=checkResult; //响应函数 xmlhttp.open("GET",url,true); //设置访问的页面 xmlhttp.send(null); //执行访问 } function checkResult(){ if (xmlhttp.readyState==4 && xmlhttp.status==200) document.getElementById('checkResult').innerHTML=xmlhttp.responseText; } </script>
程序编程之旅公众号,关注后实时获知最新的教程和优惠活动,谢谢。
![]()
问答区域
2021-04-23
翻译很奇怪
2 个答案
飞鸟 跳转到问题位置 答案时间:2021-06-11
asynchronous是异步的意思 synchronous是同步的意思 只差一个字母 站长这里写A synchronous JavaScript And XML是为了突出首字母缩写AJAX,不应该把asynchronous分开看成a synchronous
DDQ 跳转到问题位置 答案时间:2021-05-13
同步:浏览器访问服务器请求,用户看得到页面刷新,重新发请求,等请求完,页面刷新,新内容出现,用户看到新内容,进行下一步操作。 异步:浏览器访问服务器请求,用户正常操作,浏览器后端进行请求。等请求完,页面不刷新,新内容也会出现,用户看到新内容。
回答已经提交成功,正在审核。 请于
我的回答 处查看回答记录,谢谢
2020-12-29
有没有同学知道python版本的jsp咋实现呀,有没有什么教学资料推荐亿下下
回答已经提交成功,正在审核。 请于
我的回答 处查看回答记录,谢谢
2020-10-28
name
2020-05-15
初学者当场去世
2019-11-25
希望站长站在初学者的角度教学分享
提问太多,页面渲染太慢,为了加快渲染速度,本页最多只显示几条提问。还有 10 条以前的提问,请 点击查看
提问之前请登陆
提问已经提交成功,正在审核。 请于
我的提问 处查看提问记录,谢谢
|