ajax是异步的JavaScript和xml,是一种创建交互式网页应用的开发技术。
Ajax是一种浏览器通过js异步发起请求少量的数据交换,局部更新页面的技术。
传统的网页要更新一个内容,或者提交一个表单都需要重新加载整个网页,比较麻烦。
增强了B/S的体验性(B/S:未来的主流爆发式的持续增长)
网页上的请求xhr就是Ajax异步请求。
伪造Ajax的实例:
我们模拟一个网页搜索栏,实现了不用跳转网页而刷新的效果
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
window.onload=function f(){
var mydata=new Date();
document.getElementById('currentTime').innerText=mydata.getTime();
}
function load(){
var targeURL= document.getElementById('url').value;
console.log(targeURL);
document.getElementById('iframePosition').src=targeURL;
}
</script>
<div>
<p>请输入要加载的地址:<span id="currentTime"></span></p>
<p>
<input type="text" id="url" value="http://www.baidu.com">
<input type="button" value="提交" onclick="load()">
</p>
</div>
<div>
<h3>加载页面的位置</h3>
<iframe style="width: 100%;height:500px" id="iframePosition" >
</iframe>
</div>
</body>
</html>
运行如下: