1.ajax
$.ajax({
type: "get",
url: "js/index1.xml",
data:'',
async:true,
dataType: "",
cache:true,
statusCode: {404: function() {
alert('page not found');
}
},
success: function(data){
$xml = $( data );
$title = $xml.find( 'channel' );
console.log( $title);
},
error:function(){
console.log("33");
}
})
});
上面是 ajax的常用参数
1.1 type:表示请求方式
http请求方式: 常用 post 或者 get 浏览器默认使用 get 方式。
也有其他的请求方式: put delete 也可以使用 但是只有部分浏览器支持
1.2 url:表示发送请求的地址。
1.3 data:发送到服务器的数据
一般采用json格式的数据
1.4 async:是否采用异步加载
默认: (true) 默认设置下,所有请求均为异步请求。
如果需要发送同步请求,请将此选项设置为 false。
注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。
1.5 dataType:服务器返回的数据类型
预期服务器返回的数据类型。如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息来智能判断,比如XML MIME类型就被识别为XML。在1.4中,JSON就会生成一个JavaScript对象,而script则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后,传递给回调函数。可用值:
"xml": 返回 XML 文档,可用 jQuery 处理。
"html": 返回纯文本 HTML 信息;包含的script标签会在插入dom时执行。
"script": 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了"cache"参数。'''注意:'''在远程请求时(不在同一个域下),所有POST请求都将转为GET请求。(因为将使用DOM的script标签来加载)
"json": 返回 JSON 数据 。
"jsonp": JSONP 格式。使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。
"text": 返回纯文本字符串
1.6 cache:是否应用缓存
cache:false 将不缓存此页面。
cache:true 将不缓存此页面。
1.7statusCode:状态码
//表示返回404状态码 调用的函数
$.ajax({
statusCode: {404: function() {
alert('page not found');
}
});
1.8 success 请求成功之后的回调函数
success: function(data){
//这里的data 就是从后台获取到的数据
$xml = $( data );
$title = $xml.find( 'channel' );
console.log($title);
}
1.9 error 请求失败之后的回调函数
error:function(){
console.log("33");
}