ajax的應用是非常多的，要實現資料前後端的互動，ajax是一個非常常用的技術哦，加油！
同步和非同步
同步：必須等待前面的任務完成，才能繼續後面的任務；
非同步：不受當前任務的影響。 簡單點說，當你去銀行辦業務，需要一個一個等叫號，輪到你才能你去辦理，這就是同步；但是在你等叫號的過程中，你可以玩手機，這就是非同步，不影響你的等候叫號。
非同步更新網站
當我們訪問一個普通的網站時，當瀏覽器載入完：HTML,CSS,JS以後網站的內容就固定了。如果網站內容發生更改必須重新整理頁面才能夠看到更新的內容。而非同步更新就是：我們在訪問新浪微博時，當你看到一大半了，會自動幫我們載入更多的微博，同時頁面並沒有重新整理，這就是ajax要實現的一個功能了。
Ajax基礎
ajax概念與應用
Asynchronous Javascript And XML（非同步JavaScript和XML），ajax並不是憑空出現的新技術，而是對於現有技術的結合：核心是js物件XMLHttpRequest.
ajax使用的依舊是HTTP請求。
一個完整的HTTP請求步驟：
請求的網址，方法get/post
提交請求內容資料，請求主體等
接收響應回來的內容
ajax使用
我們經常說的ajax五步使用法：
建立XMLHTTPRequest物件
使用open方法設定和伺服器端互動的基本資訊（設定提交的網址，資料，post提交的一些額外內容）
設定傳送的資料，開始和伺服器端互動（傳送資料）
註冊回撥函式
更新介面（在註冊的回撥函式中，獲取返回的資料，更新介面）
首先寫一個get請求程式碼嘗試一下
// 1建立非同步物件
var ajaxObj = new XMLHttpRequest（）；
// 2設定請求的url以及請求的方法
ajaxObj.open（'get','get.php'）；
// 3傳送請求 傳送請求
ajaxObj.send（）；
// 4註冊回撥事件（函式） 註冊，設定的時候 不會被觸發，只有在滿足某些條件的時候才會被觸發，類似的有點選事件，onload事件
// 狀態改變事件
ajaxObj.onreadystatechange = function （） {
    // 5接收服務端返回的資料 並且使用（彈框，修改頁面顯示等等）
    // 響應的資料
    // console.log（ajaxObj.readyState）；
    /*
        判斷1:資料回來了
        判斷2:當前請求的頁面是存在的 互動成功
    */
    if （ajaxObj.readyState ==4&&ajaxObj.status==200） {
        console.log（ajaxObj.responseText）；
    }
}
寫一個post程式碼嘗試一下
// 非同步物件
var xhr = new XMLHttpRequest（）；
// 設定屬性
xhr.open（'post', 'post.php' ）；
// 如果想要使用post提交資料，必須新增
xhr.setRequestHeader（"Content-type","application/x-www-form-urlencoded"）；
// 將資料通過send方法傳遞
xhr.send（'name=fox&age=18'）；
// 傳送並接受返回值
xhr.onreadystatechange = function （） {
// 判斷伺服器是否正確響應
if （xhr.readyState == 4 && xhr.status == 200） {
       alert（xhr.responseText）；
     } 

};

<div class="box-aw">
            <a href="http://www.ytqczz.com/" target='_blank'

煙臺汽車站
                           </a>

</div>