脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-jQuery简单入门（五） - maikec陈，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。 jQuery简单入门（五）

5.Ajax应用

在jquery中$ajax()方法属于最底层的方法，第二层是load（）、$.get（）、$.post（）,第三层是$.getScript（）和 $.getJSON（）；下面根据使用频率来介绍

---

 

1.load()方法

load()方法能载入远程HTML代码并插入DOM中（实际项目中，该方法使用频率高???!!!）

　　load(url [, data] [,callback])

　　表现形式：

　　A. 载入HTML文档

　　$(“tag”).load(“load.html”);//把load.html加载到tag标签

　　B. 筛选载入的HTML文档

　　$(“tag”).load(“load.html .class”);//把load.html文档中类样式为class的内容加载到tag标签

　　C. 传递方式

　　$(function() {

　　$(“tag”).load(“test.php”, function() {

　　Alert(“无参数传递，则是GET方式”);

　　}).load(“test.php”, {name : “test”, age : “22”}, function() {

　　Alert(“有参数传递，则是POST方式”);

　　});

　　});

　　D. 回调参数

　　$(“tag”).load(“test.php”, {name : “test”, age : “22”}, function(responseText, textstatus, XMLHttPRequest) {

　　// responseText 请求返回的内容

　　//textStatus 请求状态

　　//XMLHttpRequest Xhr对象

　　});

---

 

2.$.get()方法和$.post()方法

Get请求限定数据大小为2k，而post原则上是不限定大小

Get数据放入地址栏中，post放入到报文消息体内

Get()

　　$.get(url [,data] [,callback] [,tyPE])

　　Aa. 对返回的HTML数据处理

　　$(function() {

　　$(“#submIT”).click(function() {

　　$.get(“test.php”, {

　　Name : $(“#name”).val(),

　　Content : $(“#content”).val()

　　}, function(data, textStatus) {

　　$(“tag”).html(data);

　　})

　　});

　　});

---

 

　　Ab. XML文档

　　$(function() {

　　$(“#submit”).click(function() {

　　$.get(“test.php”, {

　　Name : $(“#name”).val(),

　　Content : $(“#content”).val()

　　}, function(data, textStatus) {

　　VAR name = $(data).find(“comment”).attr(“name”);

　　Var content = $(data).find(“comment content”).text();

　　Var html = “”+

　　　　　　　　　　name+“

”+

　　　　　　　　　　content+”

”;

 

　　$(“tag”).html(html);

　　})

　　});

　　});

---

 

Ac. json文件

$(function() {

$(“#submit”).click(function() {

$.get(“test.php”, {

Name : $(“#name”).val(),

Content : $(“#content”).val()

}, function(data, textStatus) {

Var name = data.name;

Var content = data.content;

Var html = “”+

　　　　　　　　name+“

”+

　　　　　　　　content+”

”;

 

$(“tag”).html(html);

})

});

});

2.Post()[参考get（）]

 

---

 

3.$.getScript()方法和getJson()方法

　　A.$.getScript(js [,callback])//动态加载js文件

　　　　Aa.动态加载js文件

　　　　$.getScript(“test.js”);

　　　　Ab.使用回调

　　　　$getScript(“jquery.color.js”, function() {

　　　　Alert(“使用回调”);

　　　　})

　　B.getJSON(JSON [,callback])//动态加载json文件,使用方法类似getScript()

---

 

4.$.ajax()方法

 

 

　　示例代码：

　　$.ajax({

　　Type : GET,

　　Url : “test.php”,

　　dataType : “json”,

　　Success : function (data) {

　　Alert(“回调成功”);

　　}

　　});

---

 

5.jQuery中的Ajax全局事件

监控一个异步请求的过程

---

 

ajaxStart()

ajaxStop()

---

 

(完)

觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！ js脚本，巧夺天工，精雕玉琢。小宝典献丑了！

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-jQuery简单入门（五） - maikec陈全部内容，希望文章能够帮你解决javascript代码实例教程-jQuery简单入门（五） - maikec陈所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。