当jsp文件放在某个文件夹下时jquery的$.ajax方法失效的--解决方案
2012-12-01 14:27
281 查看
我的页面的代码如下，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~~搞定了，只要能找到报错就容易解决问题，最怕的就是看不到报的错，运行又不正常！
但是我把这两个文件一起放在一个名为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~~搞定了，只要能找到报错就容易解决问题，最怕的就是看不到报的错，运行又不正常！
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 当jsp文件放在某个文件夹下时jquery的$.ajax方法失效的--解决方案
- 当jsp文件放在某个文件夹下时jquery的$.ajax方法失效的--解决方案
- mvc项目中,解决用Url.Content方法引用jquery文件后智能提示失效的办法
- 文件编码导致jquery失效的解决方法
- Asp.net中Access数据库文件放在App_Code文件夹使Session奇怪失效的问题
- jQuery.Form实现Ajax上传文件同时设置headers的方法
- jsp文件放在WEB-INF文件夹中
- kcfinder4j：java版的ckfinder、kcfinder （ajax在线文件管理，ckfinder jsp/java版， jquery 在线文件管理）
- JSP+jquery使用ajax方式调用json的实现方法
- jQuery+ajax简单实现文件上传的方法
- jquery ajaxupload实现打开文件夹上传指定位置的文件
- 关于较新版本JQUERY的Load方法会为页面引用文件自动附加时间戳参数阻止它缓存的解决方案.
- ajax局部刷新后里面的jquery事件失效的解决方法
- Asp.Net程序目录下文件夹或文件操作导致Session失效的解决方案
- jsp+ajax实现无刷新上传文件的方法
- jquery中ajax方法load get post与脚本文件如php脚本连接时，脚本怎样接受数据？
- jQuery的$.getJSON方法在IE浏览器下失效的解决方案
- 类型：JQuery；问题：ajax调用ashx文件；结果：ashx文件怎么获取$.ajax()方法发送的json数据
- 文件编码导致jquery失效的解决方法
- jQuery实现文件编码成base64并通过AJAX上传的方法