前端請求ajax的url 路徑怎麼寫

ajax的url路徑寫入法有兩種，一種是包含協定、主機位址、連接埠號碼、專案名稱的完整請求路徑，另一種是相對於目前請求位址的相對路徑。

ajax的url路徑寫入法有兩種，一種是絕對路徑，另一種是相對路徑。

一、絕對路徑：包含協定名稱、主機位址、連接埠、web專案名稱等的完整請求路徑。

例如：

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

好處：例如在webA專案中的ajax需要要求webB專案中的服務，則必須使用絕對路徑。

壞處：使用絕對路徑要求古地理更web專案的名稱，如果webB專案重新命名了，則對應的ajax請求都需要修改。

二、相對路徑：不需要協定名稱、主機位址、連接埠、web專案名稱，只需要請求的路徑。

假設：

專案路徑：http://localhost:8080/webname

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

請求路徑：/request/ajaxtest，request/ajaxtest

 1、如果請求路徑以根路徑開頭，則無論什麼ajax在什麼頁面，該請求都是相對於伺服器的根路徑，最後的請求路徑都是：http://localhost:8080/request/ajaxtest

例如：

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

原因：以" /"開頭，是表示該請求基於從伺服器的根路徑，即不是相對於html的路徑。

 2、如果請求不以根路徑開頭（常見），則該請求路徑是相對於html所在的路徑的。

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

    //     /webname/index.html页面
    $.ajax({
        url:"request/ajaxtest"
    });
    原因：index.html页面对应的路径是"/webname/"，所以将url跟在这个路径下就是最终的请求路径。
     b、假如请求在B页面，最终的请求路径是：http://localhost:8080/webname/test/request/ajaxtest。
    //     /webname/test/test.html页面
    $.ajax({
        url:"request/ajaxtest"
    });

    原因：test.html頁面對應的路徑是“/webname/test/”，所以將url要跟在test這一層下面。

以上是前端請求ajax的url 路徑怎麼寫的詳細內容。更多資訊請關注PHP中文網其他相關文章！