本文利用jQuery的AJax实现异步访问和异步加载，具有一定的参考价值，感兴趣的朋友可以参考一下。

[异步访问]

用一个例子来说明：点击按钮将用户输入的数据发送到服务器，并将结果返回到页面。

首先是承载内容的html:

！doctype HTML Headlang=' en ' metacarset=' utf-8 ' title Ajax异步访问/title脚本src=' http : js/jquery-2 . 1 . 3 . min . js '/脚本脚本src=' http 3360 js/Ajax demo . js '/脚本/头体输入类型=' text ' id=' name value ' br/button id=' BTN ' submit/button preslt:span id=' result '/span/p/body/HTML configure

？phpif(isset($ _ GET[' name '])){ echo ' name:'。$ _ get[' name ']；}else{ echo“错误的参数”；} ajaxDemo.js实现AJax异步访问：

$(文档)。ready (function () {$ ('# BTN '))。on ('click '，function(){//用信息$('#result ')提示用户。文本('数据请求，请稍候.');//发送请求(获取、发布)$。get ('server.php '，{name: $ ('# namevalue ')。val ()}，函数(数据){$ ('# result ')。文本(数据)到服务器；}).错误(函数(){ //$('#result '))。文字('服务器正在维护')})))))达到的效果：

[异步加载]

主要使用load()方法和getScript()方法，并举例说明：

在现有的html文件中加载一个准备好的片段，并在加载片段之前弹出一个阻止用户进一步操作的对话框。

第一个是现有的html代码，没有任何内容：

！doctype HTML Headlang=' en ' metacarset=' utf-8 ' title Ajax异步加载/title脚本src=' http : js/jquery-2 . 1 . 3 . min . js '/脚本脚本src=' http 3360 js/main . js '/脚本/head body/HTML。以一个js文件getData.js编写一个函数最简单的弹出提示为例：

函数getData(){ alert('片段内容引用自新浪体育')；}拟定一个片段box.htm，承载着要加载的片段内容：div h4中超-耿晓峰失误，拉蒙两球，申花7轮输球，1-4绿城/h4 p，北京时间2015年8月11日晚19: 35，中超第22轮在杭州黄龙体育场展开较量，杭州绿城迎战上海申花。上半场第7分钟，陈柏良突然冷射，造成耿晓峰接球失球。这是中国台北球员(陈昌源在比利时出生和长大)在中超联赛中打进的第一个进球。第12分钟，申花队吕征禁区右侧左脚抽射扳平比分。第25分钟，阿甘将球送入底线附近禁区，拉蒙头球攻门。第37分钟，阿甘一刀赴会，打进一球。第60分钟，阿甘头球摆渡，拉蒙跟进梅开二度。最终，杭州绿城4-1击败上海申花。/p /div最后，编写main.js将getData.js和box.htm异步加载到现有的html文件中。

$(文档)。ready(function(){//异步加载js文件$。getscript ('js/getdata.js ')。complex(function(){ getdata()；})//异步加载片段$(“body”)。文本('正在加载.')$(“body”)。load ('box.htm '，函数(URL，status，c) {if (status==' error') {$ (this)。文本('。} });})最终效果：

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。