锋利的jQuery读书笔记(六)

最新推荐文章于 2021-08-05 19:24:41 发布

慕思m

最新推荐文章于 2021-08-05 19:24:41 发布

阅读量191

点赞数

分类专栏：前端文章标签： jquery

本文链接：https://blog.youkuaiyun.com/musi_m/article/details/88881792

版权

前端专栏收录该内容

6 篇文章

订阅专栏

第六章 jQuery与ajax的应用
1 load()方法
1）载入HTML方法
load(url [,data] [,callback]);
$(function(
$("#send").click(function(){
$(“resText”).load(“test.html”);
});
));
只加载test.html中class为para的内容
$(“resText”).load(“test.html .para”);

传递方式

3）回调参数
$("#resText").load(“test.html”,function(responseText,textStatus,XMLHttpRequest){
//responseText;请求返回的内容
//textStatus 请求的状态：success,error,notmodified,timeout
//XMLHttpRequest 对象
});

2 $. g e t () 方法与$ .post()方法
1）$.get(url [,data] [,callback] [,type])
在这里插入图片描述
例子：
$KaTeX parse error: Expected '}', got 'EOF' at end of input: \dotshp", {username:$ ("#username").val(),
password:$(“password”).val()},
function(data,textStatus){
alert(111);
},
“json”);
2）post方法与get方法类似

3 $. g e t S c r i p t () 方法与$ .getjson()方法
1）$.getScript(‘test.js’,function(){
alert();
});
2) $.getScript(‘test.json’,function(data){
//data 返回的数据
$.each(data,function(commentIndex,comment){

});
});

4 $.ajax()方法
$.ajax(options)
在这里插入图片描述

$.getScript()等价写法
$(function(){
$(’#send’).click(function(){
$.ajax({
type:“GET”,
url:“test.js”.
dataType:“script”
});
});
});
$.getJson()等价写法
$(function(){
$.ajax(function(){
type:“GET”,
url:“test.json”,
dataType:“json”,
success:function(data){
$(‘resText’).empty();
}
});
});

5 序列化元素
1）serialize();
2）serializeArray()方法，将dom元素序列化后，返回json格式的数据
$(" : c h e c k b o x, : r a d i o ") . s e r i a l i z e A r r a y (); 3 ）$ .param();
var obj = {a:1,b:2,c:3};
var k = $.param(obj);
alert(k);//输出a=1&b=2&c=3

6 ajax全局事件

加载中...

$("#loading").ajaxStart(function(){ $(this).show(); }); $("#loading").ajaxStop(function(){ $(this).hide(); });//也可以使用链式写法另外几个方法 ajaxComplete(callback)//Ajax请求完成执行的函数 ajaxError(callback)//Ajax请求发生错误时执行的函数，捕捉到的错误可以作为最后一个参数传递 ajaxSend(callback)//Ajax请求发送前执行的函数 ajaxSuccess(callback)//Ajax请求执行成功时执行的函数

附录：
1 解析xml
success:function(xml){
$(xml).find(“student”).each(
var id = $this).children("id"); var id_value=id.text(); alert(id_value); alert($ (this).attr(“email”));
);
}