侧边栏壁纸
  • 累计撰写 120 篇文章
  • 累计创建 281 个标签
  • 累计收到 11 条评论
标签搜索
隐藏侧边栏

jsonp请求响应成功,但进入到error函数

骐骏
2016-11-02 / 0 评论 / 0 点赞 / 305 阅读 / 0 字 / 正在检测是否收录...
温馨提示:
本文最后更新于 2016-11-12,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

发送jsop请求,请求发送成功,http状态码为200,但依然进入error函数,纠结万分。
先贴代码:

js代码如下:

$.ajax({
url:url,
dataType:"jsonp",
// async:false, jsonp不支持async:false
method:"get",
success:function(data){
$("#headDiv").append(headView.htmlBuild(data));
},
error:function(data){
console.info(data);
}
});

服务端代码如下:java实现

public String isLogin(HttpServletRequest request,HttpServletResponse response){
try {
String callback = request.getParameter("callback");

//此处不应使用map
Map json = new HashMap();
json.put("isLogin", isLogin);
if(isLogin){
Long memberId = LoginStateUtil.getMemberId(request);
MemberVo memberVo = memberService.findById(memberId);
json.put("memberName", memberVo.getUsername());
}
callback += "("+json+")";
return callback;
} catch (Exception e) {
logger.error("系统异常:", e);
return "";
}
}

进入error函数,控制打印返回值:

Object {readyState: 4, responseText: "jQuery111307915938625407029_1478056043394({isLogin=false})", status: 200, statusText: "OK"}

调整服务端代码

public String isLogin(HttpServletRequest request,HttpServletResponse response){
try {
String callback = request.getParameter("callback");

//此处有更改
JSONObject json = new JSONObject();
json.put("isLogin", isLogin);
if(isLogin){
Long memberId = LoginStateUtil.getMemberId(request);
MemberVo memberVo = memberService.findById(memberId);
json.put("memberName", memberVo.getUsername());
}
callback += "("+json+")";
return callback;
} catch (Exception e) {
logger.error("系统异常:", e);
return "";
}
}

此时请求可以正常响应,在success函数中打印请求返回的data:

Object {isLogin: false}

简单总结:

由于后台响应数据格式错误导致进入到error函数
另附相关博文一篇《一次关于JSONP的小实验与总结

0

评论区