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

anonymity
發布: 2020-09-08 16:08:07
原創
17781 人瀏覽過

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

前端請求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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!