Ajax返回數據格式

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）

參數類型	類型	說明
url	字符串	請求的url地址
Data(可選)	對象	發送至服務器的key/value
Callback（可選）	回調函數	請求完成時，調用的回調函數

 

示例：

Load.html  用來被加載的文檔

 

Test.html

 

 

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

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

 

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

 

 

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

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

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