多多色-多人伦交性欧美在线观看-多人伦精品一区二区三区视频-多色视频-免费黄色视屏网站-免费黄色在线

國內最全IT社區平臺 聯系我們 | 收藏本站
阿里云優惠2
您當前位置:首頁 > web前端 > jquery > JSP jQuery的$.ajax方法失效的解決方法

JSP jQuery的$.ajax方法失效的解決方法

來源:程序員人生   發布時間:2013-11-05 12:11:28 閱讀次數:4741次

我的頁面的代碼如下,jquery-1.4.2.min.js導入沒有問題,本來這個文件和jquery-1.4.2.min.js是放在webroot目錄下的,可以正常運行。
但是我把這兩個文件一起放在一個名為test的文件夾下后$.ajax(...)就像沒有執行一樣,服務器端一點反應都沒有(根本就沒有訪問TestServlet),瀏覽器的地址欄里只是在路徑的末尾加了個#號,沒有什么變化,也就是說,頁面只是調回本頁面而已。 alert("in test");和alert("end");都被執行了,就是中間的$.ajax沒有執行

<head>
<script Charset="UTF-8" type='text/javascript' src='jquery-1.4.2.min.js'></script>
<script type="text/javascript">
$(document).ready(function() {
var age=0;
alert("in test");
$("a").click(function() {
alert("click");
$.ajax({
type: "GET",//http請求方式
url: "TestServlet",//服務器端url地址
data: "name=weager"+"&age="+age,//發送給服務器端的數據
dataType: "json",//告訴JQuery返回的數據格式(例如xml、json、jsonp、script等)
success: callback //當請求操作完成數據正確返回時調用callback函數。此處的ajax參數還可以有:complete、success、error。complete是指readystate==4時;success是指state==200時;error是指相應出錯或者解析服務器數據出錯。
//error: function(data){alert(data);}
});
alert("end");
});
});

function callback(data){
alert("call back 被調用!")
alert(data.age);
$("div").html(data.age);
}
</script>

網上有關這個得問題很少,由于頁面上沒喲什么變化、服務器又沒有任何反應,$.ajax方法又不是自己寫的,所以找bug非常困難。后來迫不得已,只有把調試深入到jquery里,但是jquery-1.4.2.min.js里沒有換行,調試和查看代碼很困,于是我下載了一個uncompressed版的jquery-1.4.2.js來替換jquery-1.4.2.min.js。然后用ie8調試(firebug也可以),調試到5179行查看xhr對象的responseText屬性才發現服務器端的報錯為404(...test/TestServlet is not avalible),這才知道是服務器再找Servlet的時候找不到匹配的url。

于是我把web.xml里的url-pattern改為了test/TestServlet就可以了,但是test文件夾外的jsp文件訪問相同的Servlet時卻出了想類似的錯,這時我才想起來,要把jsp頁面里的basePath設置一下(basePath作用就是設置該頁面的路徑的前綴),就可以去掉url上的文件夾名了。

具體方法如下:

1. web.xml文件里url-pattern不需要改動,保持原來的就可以了

2. 在<html>前面加上:

<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
3. 在<head></head>里添加:<base href="<%=basePath%>"> (base標簽設置了該頁面里其他路徑的前綴)

OK~~搞定了,只要能找到報錯就容易解決問題,最怕的就是看不到報的錯,運行又不正常!

生活不易,碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
程序員人生
------分隔線----------------------------
分享到:
------分隔線----------------------------
關閉
程序員人生
主站蜘蛛池模板: 亚洲精品天堂在线观看 | 亚洲精品一区二区三区在线看 | 天堂色| 一级做a爱免费观看视频 | 日本色午夜 | 国产日韩亚洲欧美 | 最新jizz 欧美| 国产精品免费久久久久影院小说 | 欧美性猛交 | freefromvideos性欧美破 | 一级毛片不卡片免费观看 | 欧美ucjizz免费播放器 | 黑人又大又粗好爽好猛视频 | 久久青娱乐 | 日本高清免费毛片久久看 | 婷婷在线成人免费观看搜索 | 欧美日韩国产精品 | 福利片在线观看免费高清 | 亚洲成aⅴ人片在线影院八 亚洲成aⅴ人在线观看 | 五月婷婷欧美 | 亚洲国产精品综合福利专区 | 日本午夜精品一本在线观看 | 美国爱爱片视频在线观看 | 在线免费观看精品 | 午夜精品同性女女 | 最近中文字幕免费完整国语 | 老女人毛片 | 免费视频网站在线看视频 | 波多野结衣国产一区二区三区 | 午夜影院网站 | 欧日韩一区二区三区 | 欧美白人和黑人xxxx猛交视频 | 精品不卡 | 欧亚精品一区二区三区 | 视频在线观看免费网址 | 网友偷自拍原创区 | 欧美色视频日本 | 国产妖精视频 | 91精品日韩 | 亚洲成a人片在线观看中文!!! | 欧美伦理三级在线播放影院 |