ajax-day02

1.ajax

AJAX
后臺數(shù)據(jù)交互,同步異步傳輸
一種創(chuàng)建交互網(wǎng)頁應(yīng)用的開發(fā)技術(shù),主旨在于:改善用戶體驗,實現(xiàn)無刷新效果;

var xhr = new XMLHttpRequest();
        xhr.open('get','xxx.php',true);
        xhr.onreadystatechange=function(){
            if(xhr.readyState == 4 && xhr.status == 200){
                var data = xhr.responseText;
            }
        }
        xhr.send();
ajax
優(yōu)點:不需要插件支持,優(yōu)化用戶體驗,提高web性能,減輕服務(wù)器和帶寬的負擔;
缺點:破壞了瀏覽器的前進后退后能(影響不大,可以修復),對搜索引擎支持不足;

之前,學的都是原生ajax,優(yōu)點就是不需要插件支持,比較小的項目可以使用,例如你的整個項目大小還沒有人家JQ一個架包大的時候
很多時候,我們一個中型以上的項目,都需要頻繁用到ajax,可以考慮封裝原生ajax,但是,更推薦,使用別人封裝好的ajax
例如jquery,就自帶ajax的封裝








用一個PHP,一個HTML頁面,模擬一個登陸注冊的效果
兩個輸入框,兩個按鈕
點擊登陸按鈕,后臺返回你輸入的賬號和密碼
點擊注冊按鈕,后臺返回注冊成功

怎么寫PHP?
第一步,$_GET拿數(shù)據(jù)

第二步,if判斷是注冊還是登陸
第三步,返回數(shù)據(jù)


和剛剛同樣的頁面
點擊注冊,保留賬號密碼
再點登陸,要求和剛剛注冊成功的賬號密碼相同,才顯示登陸成功,否則登陸失敗

PHP并不能存放數(shù)據(jù),每次通過ajax訪問PHP的時候,PHP就會被刷新,所有對他進行的操作全部重置了
所以,我們就需要一個東西幫我們存數(shù)據(jù)
有兩個方法:第一個,后臺去存,用數(shù)據(jù)庫
第二個方法,我們前端,自己存,用本地存儲,H5的時候教

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容