ajax詳解獲取php數據和服務器時間信息

之前粗糙的介紹了ajax的使用,驗證用戶名是否填寫正確,郵箱是否重複,不用刷新頁面獲取數據,今天詳細介紹一下ajax的原生代碼。

AJAX:異步的JavaScript和XML,AJAX的核心是XMLHttpRequest對象,怎麼創建XMLHttpRequest對象呢?

創建XHR對象(需要考慮不同的瀏覽器兼容問題)

Firefox、Opera等瀏覽器

var 對象名稱 = new XMLHttpRequest()

IE瀏覽器

var 對象名稱 = new ActiveXObject("Microsoft.XMLHTTP")

demo1:獲取服務器的日期和時間

ajax詳解獲取php數據和服務器時間信息

獲取服務器的日期和時間


我們看看代碼執行效果

ajax詳解獲取php數據和服務器時間信息

運行代碼


demo2 ajax在表單裡面的運用

ajax詳解獲取php數據和服務器時間信息

ajax在表單裡面的運用


附上php代碼

ajax詳解獲取php數據和服務器時間信息

php代碼


代碼思路解答:在填寫用戶註冊名稱時候驗證用戶名是否存在,通過url傳遞用戶名信息,php那邊通過get接收數據然後執行數據庫搜索這一過程。本來是一個執行數據庫操作,這裡簡化為admin是存在數據庫的不能重複註冊,其他就可以註冊,我們看看代碼運行效果。後面放一個空的span標籤用來提示註冊結果。

ajax詳解獲取php數據和服務器時間信息

ajax驗證用戶是否重複註冊


demo3 通過ajax獲取xml數據

ajax詳解獲取php數據和服務器時間信息

通過ajax獲取xml數據


1-3.php代碼如下,定義一個xml文件

ajax詳解獲取php數據和服務器時間信息

定義xml文件


我們看看代碼運行效果

ajax詳解獲取php數據和服務器時間信息

ajax獲取 xml數據


今天介紹了ajax的常見三種運用,獲取服務器數據,驗證用戶名是否符合要求,獲取xml數據。有興趣的朋友快去試試吧。


分享到:


相關文章: