之前粗糙的介紹了ajax的使用,驗證用戶名是否填寫正確,郵箱是否重複,不用刷新頁面獲取數據,今天詳細介紹一下ajax的原生代碼。
AJAX:異步的JavaScript和XML,AJAX的核心是XMLHttpRequest對象,怎麼創建XMLHttpRequest對象呢?
創建XHR對象(需要考慮不同的瀏覽器兼容問題)
Firefox、Opera等瀏覽器
var 對象名稱 = new XMLHttpRequest()
IE瀏覽器
var 對象名稱 = new ActiveXObject("Microsoft.XMLHTTP")
demo1:獲取服務器的日期和時間
我們看看代碼執行效果
demo2 ajax在表單裡面的運用
附上php代碼
代碼思路解答:在填寫用戶註冊名稱時候驗證用戶名是否存在,通過url傳遞用戶名信息,php那邊通過get接收數據然後執行數據庫搜索這一過程。本來是一個執行數據庫操作,這裡簡化為admin是存在數據庫的不能重複註冊,其他就可以註冊,我們看看代碼運行效果。後面放一個空的span標籤用來提示註冊結果。
demo3 通過ajax獲取xml數據
1-3.php代碼如下,定義一個xml文件
我們看看代碼運行效果
今天介紹了ajax的常見三種運用,獲取服務器數據,驗證用戶名是否符合要求,獲取xml數據。有興趣的朋友快去試試吧。
閱讀更多 freemoban 的文章