Ajax中返回資料的格式

標籤：mime類型   檔案   ack   json格式   返回   樣本   form   資料格式   文本   

 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()方法改寫表單驗證案例

 www.yszx11.cn

 

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

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

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

Ajax中返回資料的格式