JSON & Ajax

Ajax是異步JavaScript和XML是用來在客戶端作爲一組相互關聯的Web開發技術,以創建異步Web應用程序。 Ajax模型,Web應用程序可以發送數據和檢索數據從一個服務器,而不干擾現有的頁面顯示行爲異步。

許多開發人員使用JSON AJAX更新客戶端和服務器之間傳遞。網站更新現場直播的體育成績可以被視爲一個AJAX例子。如果這些分數在網站上,則它們必須被存儲在服務器上的網頁,這樣可以檢索在需要時將比分。這是我們可以使用的JSON格式的數據。

可以使用JSON格式存儲在Web服務器上的任何數據都使用AJAX更新。 Ajax的JavaScript的使用,以便可以檢索這些JSON文件,必要時,他們解析它們,然後做了兩個:

  • 將變量作進一步處理之前,在網頁上顯示它們的解析值

  • 它直接在網頁中的DOM元素分配數據,這樣它就會顯示在網站上。

實例

下面的代碼顯示了JSON與Ajax,它保存在ajax.htm文件中。這裏加載函數loadJSON()將用於異步到JSON數據上傳。

yiibai.com JSON

Cricketer Details

NameCountry
Sachin
India

以下是輸入文件data.json文件JSON格式的數據將被上傳異步當我們單擊「Update Details「按鈕,這裏比較簡單,有興趣的朋友可以自己測試一下。

{"name": "brett", "country": "Australia"}

上面的HTML代碼會產生下面的屏幕,可以檢查AJAX 動作:

Name

Country

Sachin

India

當點擊「Update Details「按鈕,應該得到的結果如下的東西,也可以嘗試自己測試JSON和AJAX 使用支持Javascript瀏覽器

Name

Country

brett

Australia