[ jQuery ] 如何利用 ajax 傳送資料

2013-01-03 02:39:34

即時將資料寫入資料庫一定得跳頁嗎？只要透過 AJAX，就能輕鬆的將輸入的資料寫入 DATABASE，下面就來分享該使用方式吧。

$.ajax({
	type: 'POST',
	url: url,
	data: data,
	dataType: dataType,
	success: function(response) {...},
	error: function(jqXHR, textStatus, errorThrown) {...},
});

type：可以選擇 POST 或 GET 方式，但一般而言若是需要寫入資料庫，接收的頁面還是建議用 POST 接收比較安全。

url：欲接收資料之頁面網址

data：欲傳送之資料，有兩種模式可以編寫。

　　　data: { field1 : data1 , field2 : data2 , field3 : data3 },

　　　data: 'field1=data1&field2=data2&field3=data3',（不能有空格）

dataType：可選 xml，html，json，jsonp，script，text 等六種型態。

success：若目標網頁順利連結，並有回傳值，則 response 就是該頁面傳回之資料串。

error：若目標頁面無法連結或連結錯誤，可將該選項回傳的錯誤值用來偵錯。

另外，網路上有人提到使用 GET 的方式會比 POST 快上許多，這點得澄清一下，GET 表頭本來就會比 POST 要少，加上 GET 可以直接由快取提取暫存，所以當資料量大的時候，的確會比 POST 快，但在頻寬在現今的時代中，這些少許的差異並不會相差太多，並讓接受頁曝露更大的攻擊危機，故建議 type 盡量選擇 POST 模式。

By COD

2013-01-03 02:39:34

人氣 ( 40640 )