[PHP][AJAX]介紹

AJAX(Asynchronous JavaScript And XML)為JavaScript和XML的非同步技術，可以讓瀏覽器建立快速、更加和容易使用的操作介面。AJAX核心技術是非同步的HTTP請求(Asynchronous HTTP Requests)，除了第一次載入網頁外，HTTP請求是在背景使用XMLHttpRequest物件送出，送出後不要等待回應，所以不會影響使用者的操作。

jQuery

jQuery可以幫助我們建立跨瀏覽器相容的AJAX應用程式。jQuery提供多種方法來提出XMLHttpRequest請求，不需要自行判斷瀏覽器來建立XMLHttpRequest。相關方法說明如下：

• load()：將伺服端的遠端文件用AJAX請求來載入。
• getScript()：用AJAX請求執行伺服端JavaScript檔案。
• get()：用HTTP GET方法送出AJAX請求和取得回應。
• post()：用HTTP POST方法送出AJAX請求和取得回應。
• getJSON()：用HTTP GET方法送出AJAX請求來取得伺服器的JSON資料。
• ajax()：用XMLHttpRequest送出AJAX請求。

ajax()方法

$.ajax({
	type: 'GET',
	url:  'getDateTime.php',
	data: { name : nameVal,
					 type : typeVal },
	success: function(data) {
			// 處理回傳的資料
	}
});

常用參數屬性：

• type：HTTP請求方式是GET或POST。
• url：目標網址。
• data：要傳送的資料。
• success：請求成功時，會執行此函數。
• error：請求失敗時，會執行此函數。
• complete：請求完成時，會執行此函數，也就是說不論成功或失敗都會執行。
• beforeSend：送出請求前，會執行此函數。

getJSON()方法

$.getJSON('getTitleJSON.php', function(data){
  //處理JSON資料});​

getJSON()第一個參數為網址，第二個參數為回調函數。

處理JSON資料

$("#result").empty();//清除HTML清單result
$.each(data, function (key, val) {//取出鍵和值
  var str = '<li id="' + key + '">' +
            val.Id + ':' + val.Title + '</li>';
  $("#result").append(str);//新增資料
});​