ajax記錄

 ajax中有如下一些知識須要瞭解和記憶：

一個簡單的ajax小程序：

var xml = new XMLHttpRequest();
xml.open('get',url,true/false);
xml.send();
xml.onreadystatechange=function(){
    if(xml.readyState==4){
        if(xml.status==200){
            alert(xml.responseText);
        }else{
        alert('出錯了');
        }
    }
}

上面的代碼中有幾個主要的知識點：XMLHttpRequest對象，open()方法中的三個參數表明意義，get和post的區別，true和false的區別，open()、send()都是XMLHttpRequest對象的方法，responseText是服務器響應後由XMLHttpRequest對象得到的服務器端傳遞來的數據（默認所有爲字符串（因有text），它是XMLHttpRequest對象的屬性），onreadystatechange事件。

一、get和post的區別

（1）傳輸的方式不一樣。get是經過url地址傳輸的，post是經過瀏覽器內部傳輸的。

（2）傳輸數據量不一樣。get有數據量顯示，每一個瀏覽器不一樣，而post理論上無限。

（3）給服務器發送請求的方式不一樣。get發送的請求數據添加在url地址後面（加上‘？’），而post是添加在send（）括號內，以傳參的形式請求數據，同時post還需添加setRequestHeader表頭，規定提交的內容，但兩者的提交的數據文本形式相同。get發送請求存在中文及緩存問題，而post則不存在。

二、若是以responseText來獲取後臺傳輸的數據，所有都是字符串格式，若是傳遞的是數組及Json也會將其轉爲字符串的形式，若是想將數據按照其對應的方式得到，能夠經過JSON.parse（xml.responseText）方式，JSON.parse能夠將一個字符串解析成對應的對應，JSON.stringify能夠將一個對象轉爲對應的字符串。

三、readystate存在有5個狀態，0、一、二、三、4，status是顯示的服務器的狀態，有多種可上網查。

四、全部這些方法和屬性均是經過XMLHttpRequest來獲取的，重要性和事件對象同樣。

五、瀑布流的程序編寫可遵循如下幾個步驟：

（1）先作好佈局，將樣式CSS寫徹底。

（2）用結構API動態的添加數據。

（3）逐步優化代碼。

ajax的功能就是獲取或者提交數據，當得到數據後（相似於獲得一些對象及他們的屬性、方法，而後依然按照JS的編程思惟編代碼。
（在配置wamp環境的時候，win10不能正確啓動wampsever，緣由是system將80端口占用了，百度上可解決這個問題）

Bootstrap是前端的一個框架，可讓樣式更容易，而且有響應式且自適應,通常會是12個網格。記住幾個樣式，col-lg-,col-md-,col-sm-,col-xs-。