Ajax中怎么傳遞Json數(shù)據(jù)

今天就跟大家聊聊有關(guān)Ajax中怎么傳遞Json數(shù)據(jù)，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

6.JSON

JSON(JavaScript Object Notation) 是一種輕量級的數(shù)據(jù)交換格式。在使用Ajax時，我們經(jīng)常會使用JSON來傳遞數(shù)據(jù)。本小節(jié)，將重點學習JSON對象、JSON數(shù)組以及如何在Ajax中傳遞JSON數(shù)據(jù)。

6.1JSON簡介  

(1)定義JSON對象和JSON數(shù)組

①JSON對象

a.定義JSON對象

語法：

在JavaScript中，JSON對象是用大括號括起來，包含了多組屬性。每個屬性名和屬性值之間用冒號隔開，多個屬性之間用逗號隔開，并且屬性名必須是字符串，如下：

b.使用JSON對象

可以通過“JSON對象名.key”獲取對應(yīng)的value值，如下：

json.jsp

運行結(jié)果如圖所示。

圖 運行結(jié)果

②JSON數(shù)組

a.定義JSON數(shù)組

語法：

  在JavaScript中，JSON數(shù)組是用中括號括起來，包含了多個JSON對象，多個對象之間用逗號隔開，如下：

b.使用JSON數(shù)組

可以通過“JSON對象名[索引].key”獲取對應(yīng)的value值，如下：

運行結(jié)果如圖所示。

圖 運行結(jié)果

6.2 AJAX使用JSON傳遞數(shù)據(jù)  

使用jQuery實現(xiàn)AJAX時，客戶端可以使用$.getJSON()向服務(wù)器端發(fā)送JSON格式的數(shù)據(jù)，服務(wù)器端也可以向客戶端返回JSON格式的數(shù)據(jù)。

語法：

示例：

客戶端：json.jsp

服務(wù)器端：MobileJSONServlet.java

客戶端使用$.getJSON向服務(wù)器端MobileJSONServlet發(fā)送JSON數(shù)據(jù){mobileNum: $mobile}，服務(wù)器端接收到mobileNum的值后再以JSON對象的格式返回給客戶端，如{"msg":"綁定成功！"}。最后，客戶端再解析服務(wù)器端返回的JSON值，如result.msg。

上述的服務(wù)器端代碼MobileJSONServlet中，是通過字符串拼接的形式向客戶端返回了JSON形式的結(jié)果，如{"msg":"綁定成功！"}。除此之外，我們還可以在服務(wù)器端中使用JSONObject類來產(chǎn)生JSON對象，并返回給客戶端，如下：

客戶端：json.jsp

服務(wù)器端：在使用JSONObject之前，需要給項目導入以下JAR文件，如表所示：

JSONObjectServlet.java

 客戶端通過$.getJSON()向服務(wù)器端JSONObjectServlet發(fā)送請求，并傳遞JSON格式的數(shù)據(jù){name:stuName,age:stuAge}。服務(wù)器端將客戶端的數(shù)據(jù)接收后封裝到Student對象之中，之后再將Student對象加入到JSONObject對象之中，并把JSONObject對象返回給客戶端。最后，客戶端通過回調(diào)函數(shù)的參數(shù)result接收到JSONObject對象，并通過eval(result.stu)將JSONObject對象之中的stu轉(zhuǎn)義成JSON字符串格式，再用student.name等拿到需要使用的值。

看完上述內(nèi)容，你們對Ajax中怎么傳遞Json數(shù)據(jù)有進一步的了解嗎？如果還想了解更多知識或者相關(guān)內(nèi)容，請關(guān)注億速云行業(yè)資訊頻道，感謝大家的支持。