关于ajax在chrome,firfox下无响应的问题，在线等，100分

aptweasel 2014-10-15 11:23:49

我用jquery写了一个 ajax 请求，在IE下正常，在其它浏览器不支持，不知道啥问题，请大侠们帮看看：

我的代码是这样的
本来都是使用jquery-1.11.1.min.js, 以为是版本问题，所以写了一个通过判断浏览器选用不同的jquery版本的方法，但是不管那个版本都不行！
<%
String brower=request.getHeader("User-Agent");
if(brower.indexOf("MSIE")>0){
out.print("<script src=\"js/jquery-1.11.1.min.js\"></script>");
}else{
out.print("<script src=\"js/jquery-2.1.1.min.js\"></script>");
}
%>
下面是我调用的方法：
<script>
$(document).ready(function() {

$("#tb01").click(function() {
var v_name = $.trim($("#username")[0].value);
var v_passwd = $.trim($("#password")[0].value);
if (v_name == "") {
alert("请输入用户名!");
} else if (v_passwd == "") {
alert("请输入密码!");
} else {
$.ajax({
url : "<%=basePath%>login/check.do",
type : 'post',
data : {
username : v_name,
password : v_passwd
},
dataType : 'json',
success : function(data) {
location.href = "<%=basePath%>index.jsp";
}
});
}
});
});
</script>
如果我使用url在chrome,firfox下写地址：http://localhost:7100/batch/login/check.do?username=admin&password=admin
返回的结果{"success":true,"msg":""}
但是通过页面正常请求

可以看出来，并没有响应,google 浏览器下也一样，没有响应报文

...全文

480 30 打赏收藏转发到动态举报

写回复

用AI写文章

30 条回复

切换为时间正序

请发表友善的回复…

发表回复

aptweasel 2014-10-16

打赏
举报

准备结贴了，放弃这么玩了，不过知道了一些AJAX的一些特性，谢谢大家了，我把我最终的代码贴出来看看，不用AJAX实现。用户验证和页面跳转我放到控制器里了： @Controller @RequestMapping("login") public class LoginAction extends Action { private Logger log = Logger.getLogger(this.getClass()); Gson json = new Gson(); @Autowired @Qualifier("loginService") private ILoginService loginService; @RequestMapping(value = "/check.do") public @ResponseBody String checkUser(HttpServletRequest request, HttpServletResponse response, LoginBean bean) { log.info(json.toJson(bean)); boolean flag = loginService.login(bean); String msg = ""; if (flag) { request.getSession().setAttribute("username", bean.getUsername()); msg = SUCCESS; } else { request.getSession().removeAttribute("username"); msg = ERROR; } try { String base_Path = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + request.getContextPath() + "/"; response.sendRedirect(base_Path + "/index.jsp"); } catch (IOException e) { System.out.println(e.getMessage()); } return msg; } } 前面页面干干净净，直接提交 <form id="form1" class="form-signin" action="<%=basePath%>login/check.do"> <h2 class="form-signin-heading"><img src="img/log.png" height="50px" />脱机批处理控制台</h2> <input id="username" name="username" type="text" class="form-control" placeholder="用户名" required autofocus> <input id="password" name="password" type="password" class="form-control" placeholder="密码" required> <div class="checkbox"></div> <button id="tb01" class="btn btn-lg btn-primary btn-block" type="submit">登录</button> </form>

aptweasel 2014-10-15

打赏
举报

我在GOOGLE里单步调试走了一下，发现一个问题，一步一步走没有问题，但是通过跳断点就不行，估计是响应时间问题，或者说我写的ajax不是阻塞式的，即没有等到响应，程序就执行过了。

aptweasel 2014-10-15

打赏
举报

最新消息，代码还是我最上面贴的代码，我刚才在GOOGLE浏览器，通过单步调试的方法，看代码问题，程序就过了，但是退出调试模式，又不行了！好诡异！

Defonds 2014-10-15

打赏
举报

后台收到请求信息了没

tuzuxiao 2014-10-15

打赏
举报

我用都可以啊，不知道楼主是什么原因！

aptweasel 2014-10-15

打赏
举报

引用 2 楼 EverWHL 的回复:

话说现在还用JQ1.1的吗楼主换个版本吧试试1.6吧而且楼主IE是什么版本，火狐和谷歌是不是稍微新点，ie版本稍低

IE我用的是IE10,，google版本 36.0.1985.125 m，firefox版本是：32.0.3，都是很新的版本！我目前还有1.8.3版本，测试了，不行！一会再试一下其它jquery版本

aptweasel 2014-10-15

打赏
举报

引用 3 楼 qq727013465 的回复:

data : { username : v_name, password : v_passwd, ran : Math.random() }, ajax请求。加个随机码试试（有可能地址相同。ajax没相应）

加了之后，后台收到消息： 2014-10-15 12:15:58,723 INFO LoginAction (LoginAction.java:37) - {"ran":"0.5195198517758399","username":"admin","password":"admin"} 但是还是和以前一样！

aptweasel 2014-10-15

打赏
举报

引用 1 楼 xujianping32 的回复:

<%=basePath%> 这么写取得到路径？

<% String basePath = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort()+ request.getContextPath() + "/"; %>

悲鸣秋 2014-10-15

打赏
举报

data : { username : v_name, password : v_passwd, ran : Math.random() }, ajax请求。加个随机码试试（有可能地址相同。ajax没相应）

EverWHL 2014-10-15

打赏
举报

话说现在还用JQ1.1的吗楼主换个版本吧试试1.6吧而且楼主IE是什么版本，火狐和谷歌是不是稍微新点，ie版本稍低

xujianping32 2014-10-15

打赏
举报

<%=basePath%> 这么写取得到路径？

你好毒你好毒 2014-10-15

打赏
举报

引用 25 楼 aptweasel 的回复:

[quote=引用 24 楼 MrsFeng 的回复:] 把你的代码copy的重新做了一份工程，完全没有LZ说的这种情况。表示很悲伤

那就是我人品问题了！敢问你用的啥浏览器？按最原始的代码，我只有IE好用。[/quote] 我各个浏览器都试过了，没什么问题IE、CHROM、FIREFOX

EverWHL 2014-10-15

打赏
举报

还真是蛋疼好吧,现在什么情况？到主页之后又跳到登录吗？ “结果就是：IE,FIREFOX是先跳到主页然后又跳出来了，而google根本就没有跳进去！” 是不是走了什么过滤器吧,然后又导致跳到登录了

shixitong 2014-10-15

打赏
举报

<html>
<head>
    <title></title>
    <script  src="../uploadify/jquery-1.7.1.min.js"></script>
    <script>
        window.onload=function(){
            $("#mybutton").click(function(){

                alert("点我干嘛");
            });
        }

    </script>
</head>
<body>
<input id="mybutton" type="button" value="提交"/>
</body>
</html>

绝对是可以到的，$("#tb01").click(function() 这边只是给这个按钮增加绑定时间，触发还是你点击这个按钮

aptweasel 2014-10-15

打赏
举报

引用 23 楼 shixitong 的回复:

[quote=引用 22 楼 aptweasel 的回复:] [quote=引用 20 楼 shixitong 的回复:] 把$(document).ready(function() {换为js中的window.onload函数看看

敢问我的按钮事件怎么加进去？ $("#tb01").click(function() 给个例子？[/quote] 敢问大哥，有没有试过？[/quote] 试过了，调不到$("#tb01").click(function() 方法我改成下面这种写法 <button id="tb01" class="btn btn-lg btn-primary btn-block" type="submit" onClick="on_submit()">登录</button> 调用事件： function on_submit(){ var v_name = $.trim($("#username")[0].value); var v_passwd = $.trim($("#password")[0].value); if (v_name == "") { alert("请输入用户名!"); } else if (v_passwd == "") { alert("请输入密码!"); } else { $.ajax({ url : "<%=basePath%>login/check.do", type : 'post', data : { "username" : v_name, "password" : v_passwd }, dataType : 'json', async:false, success : function(data) { //alert(JSON.stringify(data)); window.location.href = "<%=basePath%>index.jsp"; } }); } } 没有任何改观!

aptweasel 2014-10-15