ajax-day02

1.ajax

AJAX
后臺數據交互,同步異步傳輸
一種創建交互網頁應用的開發技術,主旨在于:改善用戶體驗,實現無刷新效果;

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
優點:不需要插件支持,優化用戶體驗,提高web性能,減輕服務器和帶寬的負擔;
缺點:破壞了瀏覽器的前進后退后能(影響不大,可以修復),對搜索引擎支持不足;

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








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

怎么寫PHP?
第一步,$_GET拿數據

第二步,if判斷是注冊還是登陸
第三步,返回數據


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

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

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容