可以參看這篇文章，很詳細(xì)：
Ajax綜合應(yīng)用大全(全面解析)

我來(lái)舉一個(gè)很簡(jiǎn)單的例子：

先從http請(qǐng)求說(shuō)起，關(guān)于http請(qǐng)求，我這里不說(shuō)http傳輸所包含的請(qǐng)求頭、請(qǐng)求體、狀態(tài)碼這些東西，目前初學(xué)階段也可以暫時(shí)不用關(guān)注這些。我現(xiàn)在講的是我們?yōu)g覽器發(fā)起http請(qǐng)求的時(shí)候與后端程序的交互行為。

首先我們來(lái)看，假設(shè)你在瀏覽器地址欄輸入了：http://test.com/index.php，這個(gè)運(yùn)行行為是什么樣的呢，也就是瀏覽器像服務(wù)器發(fā)起請(qǐng)求，然后服務(wù)器軟件，比如nginx或者Apache監(jiān)聽(tīng)80端口，然后獲取到這個(gè)請(qǐng)求，然后根據(jù)配置，且通過(guò)請(qǐng)求地址知道請(qǐng)求的文件是index.php這個(gè)文件，然后就會(huì)調(diào)用PHP解析程序去解析index.php這個(gè)文件里的程序，然后返回這文件里你自己編寫(xiě)的邏輯產(chǎn)生的結(jié)果。瀏覽器接收到，就能顯示數(shù)據(jù)了。

上面的清楚了，我這里簡(jiǎn)單的說(shuō)一下ajax這個(gè)東西，我不抄官方的說(shuō)明，我這里用自己的話語(yǔ)給你解釋一下，用jQuery發(fā)起一個(gè)請(qǐng)求相當(dāng)于是隱式的向服務(wù)器發(fā)起請(qǐng)求，也就是說(shuō)并不是通過(guò)你手動(dòng)在瀏覽器地址欄輸入地址回車(chē)請(qǐng)求數(shù)據(jù)的。隱式的發(fā)起請(qǐng)求，你不可感知，沒(méi)有看到頁(yè)面刷新，但是實(shí)際上已經(jīng)發(fā)起請(qǐng)求并獲取數(shù)據(jù)了。

那么我們來(lái)看一下jQuery發(fā)起ajax請(qǐng)求的代碼：

$.ajax({
    url : 'http://test.com/test.php',// 發(fā)起請(qǐng)求的后端地址
    type : 'post', // 以post的形式發(fā)起請(qǐng)求
    data : {id:'hello'}, // 帶上自己的數(shù)據(jù)id的值為hello
    dataType : 'json', // 獲取到的數(shù)據(jù)以json形式返回
    success : function(responseData) {
        // 后端返回的數(shù)據(jù)是responseData
    }
});

這里我加了比較清晰的注釋?zhuān)笾戮褪窍蚝蠖税l(fā)起請(qǐng)求，然后后端返回json的數(shù)據(jù)。那么我編寫(xiě)這個(gè)test.php文件

$response = [
    'name' => 'This is name',
    'age' => 18
];
echo json_encode($response); // 把數(shù)組轉(zhuǎn)換成json輸出給前端

基本上以上就是個(gè)比較完整的例子了，有啥不理解的請(qǐng)留言。