Ajax=Asynchronous JavaScript and XML(异步的JavaScript和XML)
是一种无须重新加载整个网页的情况下,能够更新部分网页的技术。不是一种编程语言,而是一种用于创建更好更快以及交互性更强的Web应用程序的技术
增加B/S的体验
B/S:未来的主流,并且会爆发式的持续增长;
H5(手机端)+网页(web)+客户端+手机端(Android,Ios)+小程序
利用Ajax可以做:
- 注册时,输入用户名自动检测用户是否已经存在。
- 登录时,提示用户名密码错误
- 删除数据行时,将行ID发送到后台。后台在数据库中删除,数据库删除成功后,在页面DOM中将数据行删除
案例:输入一个网页地址,点击查询可以跳转到对应的页面!
代码如下:
<script type="text/javascript">
function data(){
//1. 获取频段
var wfb = document.getElementById("url").value;
document.getElementById("iframePosition").src = wfb;
}
</script>
<div>
<p>
输入网页地址:<input type="text" id="url" value = "https://www.baidu.com/">
<button type="button" onclick="data()">查询</button>
</p>
</div>
<div>
<h3>
加载页面的位置:
</h3>
<iframe style="width:100%;height:500px" id="iframePosition">
</iframe>
</div>
</div>
记录时间:2021年1月15号