上一篇給大家介紹了一個利用AJax+Json+JQuery來實現無刷新網站開發的總體思路後,爲了初學者一個更好的理解,這篇文章將說下Ajax的基本用法,並給出了一個例子。
AJAX即“Asynchronous JavaScript and XML”(異步JavaScript和XML)。
其他話我就不多說了,由於JQuery很好的封轉了AJax這個框架,所以我這次用的就是JQuery封轉好的AJax,所以這個例子中引用了了一個JQuery庫。
這個例子所要實現的業務邏輯很簡單:無刷新驗證您輸入的用戶名和密碼是否正確,這是很多網站都用到的一個功能。我們是通過一個圖片來顯示結果。如下:
圖1 未開始輸入 圖2 開始驗證
圖3 驗證正確 圖4 驗證錯誤
該例子的下載鏈接:http://download.csdn.net/source/2697656
由於時間問題,今天暫且說到這裏。等有空了,我將進一步講解該實例。