jQuery 提供有load,$.get,$.post三個方法可以使簡化ajax編寫,是原本複雜的工作變得不再複雜。
load方法是jquery中最為簡單和常用的ajax方法,能載入遠程html代碼並插入DOM中,它的結構為
load(url[,data][,callback])
url 請求的html頁面的url地址
data 發送至伺服器的key/value資料
callback 請求完成時的回呼函數,無論請求成功或失敗
例如:載入test.html檔案
$('#stats').load('test.html');
$.post和$.get方法都是把一些參數傳遞給伺服器中的某個頁面處理。
$.post方法是使用post來進提交資料,它的結構為
$.post(url[,data][,callback][,type])
url 請求的html頁面的url地址
data 發送至伺服器的key/value資料
callback 請求完成時的回呼函數,無論請求成功或失敗
type 伺服器端返回的格式包括xml、html、script、json、text和_default
例如:
$.post('test.php', {
text: 'my string',
number: 23
}, function() {
alert('Your data has been saved.');
});
$.get方法是使用get來進提交資料,它的結構為
$.get(url[,data][,callback][,type])
url 請求的html頁面的url地址
data 發送至伺服器的key/value資料
callback 請求完成時的回呼函數,無論請求成功或失敗
type 伺服器端返回的格式包括xml、html、script、json、text和_default
$.get('test.php', {
text: 'my string',
number: 23
}, function() {
alert('Your data has been saved.');
});