JS或JQuery使用ajax存取後台

2019-12-11 16:10:04

介紹如何使用原生JS或JQuery通過ajax存取java後台。

開啟eclipse建立一個web工程專案，在WebContent下建立資料夾js，把JQuery的js檔案放到js資料夾下，並建立index.html和doRequest.jsp，建立完後的工程目錄如圖。

index.html檔案內容如圖。

index.html中有兩個函數，分別是原生js版和jq版通過ajax存取Java後台。

doRequest.jsp和web.xml檔案內容如圖。

接下來編寫測試程式碼來測試這兩個函數。

先是對原生JS版的做測試，在index.html加入如圖程式碼，測試結果如圖。

然後對JQ版的做測試，測試結果如圖。

最後測試一下頁面無法存取的情況，測試結果如圖。