在 jQuery 中,通過 ajax 方法可以向服務(wù)器發(fā)送請(qǐng)求獲取數(shù)據(jù),并將獲取的數(shù)據(jù)顯示在頁面上。在發(fā)送請(qǐng)求時(shí),需要指定請(qǐng)求的路徑。
路徑可以是相對(duì)路徑或絕對(duì)路徑。相對(duì)路徑一般是以當(dāng)前頁面為基準(zhǔn),根據(jù)相對(duì)位置來確定請(qǐng)求路徑。而絕對(duì)路徑則是完整的 URL 地址,不受頁面位置的影響。
實(shí)際使用中,往往會(huì)將請(qǐng)求路徑提取出來,使用變量來表示,方便管理和維護(hù)。
var url = "/api/data"; // 相對(duì)路徑 $.ajax({ url: url, dataType: "json", success: function(data) { console.log(data); } });
var url = "https://example.com/api/data"; // 絕對(duì)路徑 $.ajax({ url: url, dataType: "json", success: function(data) { console.log(data); } });
需要注意的是,在使用相對(duì)路徑時(shí),路徑的起點(diǎn)一般是當(dāng)前網(wǎng)頁所在目錄的根目錄。
// 當(dāng)前網(wǎng)頁目錄結(jié)構(gòu) // ├── index.html // ├── js // │ ├── main.js // └── api // ├── data.json // 引用 main.js 文件的 index.html var url = "/api/data"; // 請(qǐng)求路徑為:/api/data.json $.ajax({ url: url, dataType: "json", success: function(data) { console.log(data); } });
如果請(qǐng)求路徑為 ../api/data.json,則表示從當(dāng)前網(wǎng)頁所在目錄的上層目錄開始計(jì)算。
// 當(dāng)前網(wǎng)頁目錄結(jié)構(gòu) // ├── index.html // ├── js // │ ├── main.js // └── api // ├── data.json // 引用 main.js 文件的 index.html var url = "../api/data"; // 請(qǐng)求路徑為:/api/data.json $.ajax({ url: url, dataType: "json", success: function(data) { console.log(data); } });
關(guān)于請(qǐng)求路徑的使用,需要在實(shí)際開發(fā)中仔細(xì)考慮,避免路徑錯(cuò)誤導(dǎo)致請(qǐng)求失敗。