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");
}