新聞中心
小編給大家分享一下前端如何請求ajax的url路徑,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
ajax的url路徑寫法有兩種,一種是絕對路徑,另一種是相對路徑。
一、絕對路徑:包括協(xié)議名稱、主機(jī)地址、端口、web項(xiàng)目名稱等的完整請求路徑。
例如:
$.ajax({ url:"http://localhost:8080/webname/test" });
好處:比如在webA項(xiàng)目中的ajax需要請求webB項(xiàng)目中的服務(wù),則必須使用絕對路徑。
壞處:使用絕對路徑要求古地理更web項(xiàng)目的名稱,如果webB項(xiàng)目重命名了,則對應(yīng)的ajax請求都需要修改。
二、相對路徑:不需要協(xié)議名、主機(jī)地址、端口、web項(xiàng)目名稱,只需要請求的路徑。
假設(shè):
項(xiàng)目路徑:http://localhost:8080/webname
頁面路徑:/webname/index.html(A頁面),/webname/test/test.html(B頁面)
請求路徑:/request/ajaxtest,request/ajaxtest
1、如果請求路徑以根路徑開頭,則無論什么ajax在什么頁面,該請求都是相對于服務(wù)器的根路徑,最后的請求路徑都是:http://localhost:8080/request/ajaxtest
例如:
$.ajax({ url :"/request/ajaxtest" });
原因:以"/"開頭,是表示該請求基于從服務(wù)器的根路徑,即不是相對于html的路徑。
2、如果請求不以根路徑開頭(常見),則該請求路徑是相對于html所在的路徑的。
a、假如請求在A頁面,最終的請求路徑是:http://localhost:8080/webname/request/ajaxtest。
// /webname/index.html頁面
$.ajax({
url:"request/ajaxtest"
});
原因:index.html頁面對應(yīng)的路徑是"/webname/",所以將url跟在這個(gè)路徑下就是最終的請求路徑。
b、假如請求在B頁面,最終的請求路徑是:http://localhost:8080/webname/test/request/ajaxtest。
// /webname/test/test.html頁面
$.ajax({
url:"request/ajaxtest"
});
原因:test.html頁面對應(yīng)的路徑是“/webname/test/”,所以將url要跟在test這一級下面。
以上是前端如何請求ajax的url路徑的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道!
網(wǎng)頁名稱:前端如何請求ajax的url路徑-創(chuàng)新互聯(lián)
當(dāng)前網(wǎng)址:http://fisionsoft.com.cn/article/dcedeg.html