ajax的url指的是發(fā)起請(qǐng)求的地址；ajax的url路徑寫法有兩種，一種是包含協(xié)議、主機(jī)地址、端口號(hào)、項(xiàng)目名的完整請(qǐng)求路徑，另一種是相對(duì)于當(dāng)前請(qǐng)求地址的相對(duì)路徑，語法為“$.ajax({type:…,url:…,data:…,success:…});”。

本文操作環(huán)境：windows10系統(tǒng)、javascript1.8.5&&html5版、Dell G3電腦。

ajax的url是什么

url是ajax發(fā)起的一個(gè)請(qǐng)求地址，看url:'A.jsp?ids='+id;中，ids是其發(fā)請(qǐng)求地址中的一個(gè)參數(shù)，這個(gè)請(qǐng)求在發(fā)過去后，ids參數(shù)值就是你后面加的id.

ajax的url的寫法：

$.ajax({type: "POST", url: "some.php", data: "name=John&location=Boston", success: function(msg){alert( "Data Saved: " + msg );}});

ajax的url路徑寫法有兩種，一種是包含協(xié)議、主機(jī)地址、端口號(hào)、項(xiàng)目名的完整請(qǐng)求路徑，另一種是相對(duì)于當(dāng)前請(qǐng)求地址的相對(duì)路徑。

一、絕對(duì)路徑：包括協(xié)議名稱、主機(jī)地址、端口、web項(xiàng)目名稱等的完整請(qǐng)求路徑。

例如：

$.ajax({     url:"http://localhost:8080/webname/test" });

好處：比如在webA項(xiàng)目中的ajax需要請(qǐng)求webB項(xiàng)目中的服務(wù)，則必須使用絕對(duì)路徑。

壞處：使用絕對(duì)路徑要求古地理更web項(xiàng)目的名稱，如果webB項(xiàng)目重命名了，則對(duì)應(yīng)的ajax請(qǐng)求都需要修改。

二、相對(duì)路徑：不需要協(xié)議名、主機(jī)地址、端口、web項(xiàng)目名稱，只需要請(qǐng)求的路徑。

假設(shè)：

項(xiàng)目路徑：http://localhost:8080/webname

頁面路徑：/webname/index.html（A頁面），/webname/test/test.html（B頁面）

請(qǐng)求路徑：/request/ajaxtest，request/ajaxtest

1、如果請(qǐng)求路徑以根路徑開頭，則無論什么ajax在什么頁面，該請(qǐng)求都是相對(duì)于服務(wù)器的根路徑，最后的請(qǐng)求路徑都是：http://localhost:8080/request/ajaxtest

例如：

$.ajax({     url :"/request/ajaxtest" });

原因：以"/"開頭，是表示該請(qǐng)求基于從服務(wù)器的根路徑，即不是相對(duì)于html的路徑。

2、如果請(qǐng)求不以根路徑開頭（常見），則該請(qǐng)求路徑是相對(duì)于html所在的路徑的。

a、假如請(qǐng)求在A頁面，最終的請(qǐng)求路徑是：http://localhost:8080/webname/request/ajaxtest。

//     /webname/index.html頁面 $.ajax({     url:"request/ajaxtest" });

原因：index.html頁面對(duì)應(yīng)的路徑是"/webname/"，所以將url跟在這個(gè)路徑下就是最終的請(qǐng)求路徑。

b、假如請(qǐng)求在B頁面，最終的請(qǐng)求路徑是：http://localhost:8080/webname/test/request/ajaxtest。

//     /webname/test/test.html頁面 $.ajax({     url:"request/ajaxtest" });

原因：test.html頁面對(duì)應(yīng)的路徑是“/webname/test/”，所以將url要跟在test這一級(jí)下面。

【相關(guān)教程推薦：AJAX視頻教程】