这篇文章主要介绍了Servlet 与 Ajax 交互一直报status=parsererror的解决办法,非常不错,具有参考借鉴价值,需要的朋友可以参考下
原因:servlet 返回的数据不是 Json 格式
1、JS代码为:
var jsonStr = {'clusterNum':2,'iterationNum':3,'runTimes':4};
$.ajax({
type: "post",
//http://172.22.12.135:9000/Json.json
url: "/LSHome/LSHome",
dataType : 'json',
data : jsonStr,
success: function(data,textStatus){
if(textStatus=="success"){
alert("创建任务操作成功"+data);
}
},
error: function(xhr,status,errMsg){
alert("创建任务操作失败!");
}
});
2、注意上面的 url 为 /LSHome/LSHome,(项目名称为LSHome)所以在 web.xml 文件中,配置 Servlet 如下:
<servlet>
<servlet-name>LSHomeServlet</servlet-name>
<servlet-class>com.ys.servlet.LSHomeServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>LSHomeServlet</servlet-name>
<url-pattern>/LSHome</url-pattern>
3、Servlet 中代码为:
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
//聚类数量
String clusterNum = request.getParameter("clusterNum");
//迭代次数
String iterationNum = request.getParameter("iterationNum");
//运行次数
String runTimes = request.getParameter("runTimes");
System.out.println("聚类数量为:"+clusterNum+"---迭代次数:"+iterationNum+"---运行次数:"+runTimes);
PrintWriter out = response.getWriter();
out.write("success");
out.close();
}
4、结果是一直都是进入到 ajax 方法里面的 error,而且status=parsererror
xhr = Object {readyState: 4, responseText: "success", status: 200, statusText: "OK"}
5、解决办法:
原因是通过 response 对象返回的数据格式不正确,正确方法
PrintWriter out = response.getWriter();
String jsonStr = "{\"success\":\"OK\"}";
out.write(jsonStr);
可以将返回值拼凑成 JSON 数据格式,然后会不会报status=parsererror
以上所述是小编给大家介绍的Servlet 与 Ajax 交互一直报status=parsererror的解决办法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对编程学习网网站的支持!
沃梦达教程
本文标题为:Servlet 与 Ajax 交互一直报status=parsererror的解决办法
基础教程推荐
猜你喜欢
- 分页技术原理与实现之无刷新的Ajax分页技术(三) 2023-01-20
- ExtJS 3.x DateField menuListeners 显示/隐藏 2022-09-15
- 解决ajax的delete、put方法接收不到参数的问题方法 2023-02-23
- vue的 Mixins (混入) 2023-10-08
- 基于bootstrap的上传插件fileinput实现ajax异步上传功能(支持多文件上传预览拖拽) 2023-02-01
- 关于 css:WebKit (iPad) CSS3: 背景过渡闪烁 2022-09-21
- ECSHOP中实现ajax弹窗登录功能 2023-01-31
- 深入浅析Jsonp解决ajax跨域问题 2022-12-28
- 第7天:CSS入门 2022-11-04
- Vue+WebSocket实现在线聊天 2023-10-08