Ajax是Asynchronous JavaScript and XML的缩写,是JavaScript、XML、CSS、DOM等多个技术的组合。Ajax的工作原理是一个页面的指定位置可以加载另一个页面所有的输出内容,这样就实现了一个静态页面也能获取到数据库中的返回数据信息了。所以Ajax技术实现了一个静态网页在不刷新整个页面的情况下与服务器通信,减少了用户等待时间,同时也降低了网络流量,增强了客户体验的友好程度。本文将为大家详细介绍关于Ajax的工作原理以及实现步骤。
公众号:「浅羽的IT小屋」
「以前浏览器如何实现通信呢:」
「Ajax技术实现通信:」
「Ajax技术优点:」
「Ajax技术缺点:」
3、Ajax技术能干嘛?
「主要作用:」
4、Ajax技术的具体使用
「使用步骤:」
function getAjax () {
var ajax;
try{
ajax=new ActiveXObject("microsoft.xmlhttp");
}catch(e){
try{
ajax=new XMLHttpRequest();
}catch(e){
alert('异步都没有 换浏览器吧....');
}
}
return ajax;
}
var ajax=getAjax();
ajax.open("GET","${pageContext.request.contextPath}/dates.action");
ajax.send(null);
ajax.onreadystatechange=function(){
if(ajax.readyState==4){ /
}
}
if(ajax.status==200){//说明服务器的响应是正确的
var time=ajax.responseText;
//要将这个数据直接赋值给一个一个标签
document.getElementsByTagName('span')[0].innerText=time;
}
ajax.open("GET","${pageContext.request.contextPath}/dates.action?userName=qianyu&password=123");
//设置请求头
ajax.setRequestHeader("Content-type","application/x-www-form-urlencoded");
//发送数据
ajax.send("userName=qianyu&password=123");
本篇关于Ajax的介绍就先到这里结束了,后续会出更多关于Ajax系列更多文章,谢谢大家支持!