jQuery的ajax用法整理匯總

有人說jQuery可以讓js編程變得很優雅,一直以來不太相信,因為我之前一直都是使用原型開發
今天學了一下jQuery感覺確實是能當得起優雅這兩個字.

//如果要轉載本文請註明出處,免的出現版權紛爭,我不喜歡看到那種轉載了我的作品卻不註明出處的人 Seven{See7di#Gmail.com}

用get方法發送數據到test.php,同時傳遞兩個參數,回調函數顯示服務器的輸出內容,php端用$_GET["name"]取得參數
$.get("test.php", { name: "John1", time: "2pm" }, function(msg){
alert( "Data Saved: " + msg );
});

用post方法發送數據到test.php,同時傳遞兩個參數,回調函數顯示服務器的輸出內容,php端用$_POST["name"]取得參數
$.post("test.php", { name: "John2", time: "2pm" }, function(msg){
alert( "Data Saved: " + msg );
});

用post方法發送數據到test.php,同時傳遞兩個參數,回調函數顯示服務器的輸出內容,php端用$_POST["name"]取得參數
$.ajax({
type: "POST",
url: "test.php",
data: "name=風景&location=Boston",
success: function(msg){
alert( "Data Saved: " + msg );
}
});

通過 HTTP GET 請求載入 JSON 資料
$.getJSON("test.php?name=風景1&location=Boston", function(data){
alert( "Data Saved: " + data );
});

通過 HTTP GET 請求載入並執行一個 JavaScript 檔案
$.getScript("custom.js", function(data){
alert( "Data Saved: " + data );
});