jQuery、ajax、JSON三者之間的關係

最近在做專案的過程中，對於jQuery、ajax、JSON這三者的關係總是理不清楚，於是，在簡單是使用，有了丁點的經驗，於是對這三者的關係做了下研究：

1、jQuery : 以下來自百度百科

jQuery是一個快速、簡潔的JavaScript框架，是繼Prototype之後又一個優秀的JavaScript程式碼庫（或JavaScript框架）。

jQuery設計的宗旨是“write Less，Do More”，即倡導寫更少的程式碼，做更多的事情。它封裝JavaScript常用的功能程式碼，提供簡單的JavaScript設計模式，優化HTML文件操作、事件處理、動畫設計和Ajax互動

jQuery的核心特性可以總結為：具有獨特的鍊式語法和短小清晰的多功能介面；具有高效靈活的css選擇器，並且可對CSS選擇器進行擴展；擁有便捷的插件擴展機制和豐富的插件

從以上內容中我們可以提取到以下2點：

jQuery是一個JavaScript框架

jQuery中有很多內容，Ajax是jQuery的一部分

2、AJAX

a、什麼是AJAX？

AJAX = JavaScript 和XML（Asynchronous JavaScript and XML）

b、AJAX的特點：

1.Ajax 能夠與伺服器交換少量數據，從而異步地更新部分網頁

2.異步,指的是當Ajax 執行交換資料的操作時，其他的操作仍然可以執行（常見的操作如各大網站的輸入一個字，彈出很多內容，如百度、谷歌、淘寶）

c、Ajax技術的核心是XMLHttpRequest物件（簡稱XHR），可以透過使用XHR物件來取得伺服器的資料。

d、Ajax的格式：

type : "",
url : "",
dataType : "json",
data : {
key : value
},
success : function(data) {
},
error : function() {
alert("系统异常");
}
});

type：請求方式("POST" 或"GET")， 預設為"GET"

url：(預設: 當前頁位址) 發送請求的位址。

dataType：預期伺服器傳回的資料類型。一般為json，如果不指定，jQuery 將自動根據 HTTP 套件 MIME 資訊來智慧判斷

data：傳送到伺服器的資料。將自動轉換為請求字串格式。 GET 請求中將附加在 URL後

success：請求成功後的回呼函數。參數：由伺服器傳回，並根據dataType參數處理後的資料；描述狀態的字串

error：(預設: 自動判斷(xml 或html)) 請求失敗時呼叫此函數

async：(預設: true) 預設值下，所有請求均為非同步請求。如果需要傳送同步請求，請將此選項設為false

json值得取得：方法會直接取得

public JSONObject chageState(UserInfo userInfo) {
        JSONObject json = new JSONObject();
        return json;
    }

json傳值問題：

可以在script中判斷之後，把想要的值傳過去，這個是這次專案學到de一個小技巧，因為在一開始的過程中，我是沒有進行判斷的，直接傳值過去的，所以在後台在進行判斷，就會比較麻煩；還是這塊兒剛開始不太懂，所以才能在問學友時學到這個小技巧

jsp頁面動態刷新問題：

在做專案的過程中，加入資料之後，要頁面即時刷新，這個也困擾了我一些時間，在很多時候，不會的就應該去問，去百度。

Ajax的簡單研究就到這了，因為現在用到的就這麼多， 等以後有其他的應用了再來研究

3、jQuery

JSON( JavaScript Object Notation, JS 物件簡譜) 是一種輕量級的資料交換格式；

在ajax傳值的過程中，data(傳輸值)和dataType（傳回值）的傳值用的都是json

對於json具體的學習請移步：http://www.json.org.cn/index.htm

以上就是簡單的介紹jQuery、ajax、json的關係了

以上是jQuery、ajax、JSON三者之間的關係的詳細內容。更多資訊請關注PHP中文網其他相關文章！