首页 > Web开发 > 详细

问题:ajax请求不走回调函数的解决办法

时间:2017-03-06 17:38:00      阅读:302      评论:0      收藏:0      [点我收藏+]

题目:写一个ajax请求,去后台取一个整数,并显示到页面文本框中。要求该整数值1秒钟刷新1次。

原因:服务端返回值类型与ajax回调函数返回值类型不一致

分析如下:

前台:

1 $(document).ready(function(){
2     setInterval("getVal()",1000); //1秒钟刷新一次
3 });
4 function getVal(){
5     $.post("/TestServlet/random",{}, function(resultObj){
6         alert(1);
7     }, "json");
8 }

后台:

response.setContentType("text/html;charset=utf-8");
try {
	response.getWriter().write("{‘val‘:"+new java.util.Random().nextInt(900)+"}");
	response.getWriter().flush();
	response.getWriter().close();
} catch (IOException e) {
	e.printStackTrace();
}

代码大至如上,服务端有返回值,http status为200,按道理来说处理已经正常结束了,但就是不走回调函数。后来使用全参的ajax请求,确实出现了"调用ajax请求出错"的提示。

$.ajax({
        type:"post",
        url:"/TestServlet/random",
        data:null,
        dataType:"text",
        beforeSend: function(XMLHttpRequest){},
        success:function(data){alert(data["operateMessage"]);},
        complete:function(XMLHttpRequest,textStatus){},
        error:function(message){
        alert("调用ajax请求出错");
        alert(message);}
    });

 

  再经过断点查看详细,发现返回值类型指定错误。服务端返回的mime类型为"text/html",而回调函数指定的为"json",修改代码如下,问题解决:

$(document).ready(function(){
    setInterval("getVal()",1000); //1秒钟刷新一次
});
function getVal(){
    $.post("/TestServlet/random",{}, function(resultObj){
        alert(1);
    }, "text");  //就是这里的类型与服务端指定不匹配,造成ajax请求出错。如果想在服务端返回json类型,请到<%tomcat%>\conf\web.xml文件中寻找json对应的MIME类型,并在服务端指定即可。
}

 

问题:ajax请求不走回调函数的解决办法

原文:http://www.cnblogs.com/IamXiaoJuRen/p/6510860.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!