ajax中url的概念是什么

這篇文章主要講解了“ajax中url的概念是什么”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“ajax中url的概念是什么”吧！

ajax的url指的是發起請求的地址；ajax的url路徑寫法有兩種，一種是包含協議、主機地址、端口號、項目名的完整請求路徑，另一種是相對于當前請求地址的相對路徑，語法為“$.ajax({type:...,url:...,data:...,success:...});”。

本文操作環境：windows10系統、javascript1.8.5&&html5版、Dell G3電腦。

ajax的url是什么

url是ajax發起的一個請求地址，看url:'A.jsp?ids='+id;中，ids是其發請求地址中的一個參數，這個請求在發過去后，ids參數值就是你后面加的id.

ajax的url的寫法：

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

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的概念是什么”的內容了，經過本文的學習后，相信大家對ajax中url的概念是什么這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！