Ajax中返回數據的格式

Ajax中常見的返回數據的格式有三種：分別為文本，XML和JSON

返回的文本格式我們在上一堂課Ajax基礎介紹中已經介紹過了

Ajax.php

Form.html:通過Ajax對象的responseText屬性就可以獲取到返回的文本信息

XML格式

XML文件具有的幾大特點：

1. 標簽沒有預定義，開發者根據自己的需求發明標簽
2. 結構清晰，具有自我描述性。從XML文檔就可以看出數據的內容
3. 都是雙標簽
4. 和HTML相似，同樣也具有樹結構

XML文件示例

Ajax返回XML示例

核心代碼：

需要將MIME類型修改為text/xml

返回數據應該返回XML 標簽

接受Ajax返回的XML數據並且進行處理

詳細代碼參見【Ajax返回XML數據格式】

JSON格式

在JavaScript中，有一種簡單的申明對象的方式為：

“{屬性名：屬性值，屬性名：屬性值}”

例如：

var i= {“username”:”xiejie”,”age”:18}

由於JSON格式相比XML更小，傳輸更快，所以現在Ajax返回json數據格式的情況更多

Ajax返回JSON格式示例：

Ajax.php 需要將返回的數據格式修改為json數據格式

Form.html也需要修改

JQuery與Ajax的應用

在JQuery裏面對Ajax進行了封裝。單獨給出了一些方法，load(),get(),post(),ajax()

Load()方法：是JQuery中最為簡單的方法

該函數接收3個參數（url，data，callback）

示例：

Load.html 用來被加載的文檔

Test.html

通過load方法向服務器發送數據

在load方法裏面，默認如果是沒有向服務器提交數據，則是get方式提交，如果有向服務器提交數據，則是post方式

示例：用load()方法改寫表單驗證案例

Get()：指明提交至服務器的方式為GET

Post()：指明提交至服務器的方式為POST

Ajax()：Ajax()方法是最底層的方法，也就是說，上面的方法都是從Ajax()方法衍生的，上面方法能夠實現的功能，Ajax()都能實現

Ajax返回數據格式