Ajax的全称是异步Javascript和XML(异步Javascript和XML),它不是一种新技术,而是一种以下技术的组合。
1)使用CSS和XHTML来表示它们。
2)使用DOM模型动态地交互和
显示。
3)使用XMLHttpRequest异步与
服务器通信。
4)使用Javascript绑定和调用。
通过Ajax异步技术,我们可以使用XMLHttpRequest对象来完成HTTP请求(request) /响应(响应)模型的过程中,客户端
脚本和服务器之间的交互
作用。
1)不需要
用户等待服务器端响应,XMLHttpRequest请求的异步调度后,
控制立即返回到
浏览器。在接口没有白板,和一个负载可以给出友好
提示之前,服务器响应。
2)不需要重新加载整个页面。一个回调
函数注册为XMLHttpRequest,当服务器响应到达时,回调函数触发和少量的数据需要通过。以数据需求也减少了对服务器的压力。
3)不需要使用一个隐藏的或嵌入式框架。在XHR对象,
模拟Ajax通信通常使用黑客手段,如使用隐藏或嵌入式框架(标签)。
Css:
{ #加载
宽度:170px;
身高:25px;
边境:3px固体# c3daf9;
位置:绝对;
上图:300px;
左:600px;
Z指数:10000;
背景颜色:# f7f9fc;
行高:25px;
垂直对齐:中间;
字体大小:11pt;
显示:无;
}
HTML:
数据正在加载中。请稍等片刻。
Js:
$ ajax({
异步:真,
beforesend:函数(){
showdiv();
},
完成:函数(){
HiddenDiv();
},
类型:'post,
网址,
数据:{
},
成功:函数(数据){
/ / var obj = JSON.parse(数据);
/ / var str = json.stringify(obj);
}
});
显示/加载数据
功能showdiv(){
$(#加载)显示();
}
隐藏加载数据
函数的HiddenDiv(){
$(#加载)隐藏();
}
图片效果图如下所示。
以上是jQuery的Ajax异步加载显示
介绍,等待效果代码共享,希望对你有帮助,如果您有任何问题,请给我留言,萧边会及时给您回复。谢谢您
支持网站。