 |
|
|
示例 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 条以前的提问，请 点击查看
提问之前请登陆
提问已经提交成功，正在审核。 请于
我的提问 处查看提问记录，谢谢
|
