刚才在用的 springmvc + ajax 实现点赞功能不刷新更新数据的时候,ajax 返回一直是 error。

经过百度后,发现原因是 dataType 和实际返回值类型不一致。

String dataType
预期服务器返回的数据类型。如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息来智能判断,比如XML MIME类型就被识别为XML。在1.4中,JSON就会生成一个JavaScript对象,而script则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后,传递给回调函数。可用值:
"xml": 返回 XML 文档,可用 jQuery 处理。
"html": 返回纯文本 HTML 信息;包含的script标签会在插入dom时执行。
"script": 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了"cache"参数。'''注意:'''在远程请求时(不在同一个域下),所有POST请求都将转为GET请求。(因为将使用DOM的script标签来加载)
"json": 返回 JSON 数据 。
"jsonp": JSONP 格式。使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。
"text": 返回纯文本字符串

本例代码如下

article.jsp 代码

  1. <script type="text/javascript">
  2. function like() {
  3. document.cookie="articleId=${articleCustom.articleId};path=/";
  4. $.ajax({
  5. async: false,
  6. type:"POST",
  7. url:"${pageContext.request.contextPath}/like",
  8. data: {count:${articleCustom.articleLikeCount}},
  9. dataType:"text",
  10. success:function (data) {
  11. $(".count").html(data);
  12. // alert("点赞成功");
  13. },
  14. error:function()
  15. {
  16. alert("获取数据出错!");
  17. },
  18. });
  19. }
  20. </script>
  21. <a href="javascript:;"onclick="like()">
  22. <i class="fa fa-thumbs-up"></i>赞
  23. <i class="count">${articleCustom.articleLikeCount}</i>
  24. </a>

控制器代码如下(忽略可重复点击)

  1. //点赞
  2. @RequestMapping(value = "/like",method = {RequestMethod.POST})
  3. @ResponseBody
  4. public Integer testCookie(@CookieValue(value="articleId",required=false) Integer articleId) throws Exception {
  5. System.out.println(articleId+","+age);
  6. ArticleCustom articleCustom = articleService.getArticleById(articleId);
  7. int articleCount = articleCustom.getArticleLikeCount();
  8. articleCustom.setArticleLikeCount(articleCount + 1);
  9. articleService.updateArticle(articleId, articleCustom);
  10. return articleCount+1;
  11. }

注意:这里要一定加 @ResponseBody  ,如果返回字符串,会认为是路径,而不是值。

ajax一直返回 error相关推荐

  1. ajax unauthorized,七牛fetch接口抓取第三方资源(网络图片),Js写ajax请求返回error错误信息总是“Unauthorized”...

    fetch请求授权失败了不知道是path拼接错误还是写的ajax请求有错误. //管理凭证 function genManageToken(accessKey, secretKey, pathAndQ ...

  2. android表单错误提示,安卓微信中用$.ajax提交表单一直返回error

    在其他手机浏览器和iphone的微信中都没问题,只有在安卓的微信中会返回error,XMLHttpRequest.status 为 200, XMLHttpRequest.readyState 为 4 ...

  3. 华为手机显示解析服务器返回错误,ajax服务器返回错误

    ajax服务器返回错误 内容精选 换一换 查询指定备份策略下的标签信息.URI格式GET /v2/{project_id}/backuppolicy/{policy_id}/tagsGET /v2/{ ...

  4. ajax failed啥意思,AJAX请求返回200 OK,但是一个错误事件被触发而不是成功。

    AJAX请求返回200 OK,但是一个错误事件被触发而不是成功. 我已经在我的网站上实现了一个Ajax请求,我正在从一个网页调用端点.它总是回来200 OK,但是jQuery执行错误事件.我试了很多东 ...

  5. js同步等待ajax结果返回

    JavaScript中的await/async的作用和用法 await/async 是 ES7 最重要特性之一,它是目前为止 JS 最佳的异步解决方案了.这篇文章主要介绍了JavaScript中的aw ...

  6. ajax返回字符串怎么处理,ajax请求返回json字符串/json对象 处理

    1. 返回json字符串如何处理 $.ajax({ url:xxx, success:function(date){ }, error:function(){ } }); 通过最原始的返回: Prin ...

  7. ajax 怎么input赋值,jQuery ajax请求返回list数据动态生成input标签,并把list数据赋值到input标签...

    jQuery ajax请求返回list数据动态生成input标签,并把list数据赋值到input标签 发布于 2016-11-25 16:26:40 | 111 次阅读 | 评论: 0 | 来源: ...

  8. jq中ajax的res是什么意思,关于jquery ajax中返回值的问题

    已解决问题 收藏 关于jquery ajax中返回值的问题 80 [ 标签:jquery,&nbspajax ] conn.open(); 我的星星页面 2009-10-25 11:52 JQ ...

  9. IE bug:ajax请求返回304解决方案

    IE bug:ajax请求返回304解决方案 参考文章: (1)IE bug:ajax请求返回304解决方案 (2)https://www.cnblogs.com/fanyx/p/6773256.ht ...

  10. java中map转为json数据_Java技术-将java中Map类型数据转化为json数据并以Ajax形式返回...

    Java技术-将java中Map类型数据转化为json数据并以Ajax形式返回html 1.自定义工具类(简单易用)-下面是我写的一个简单的工具类前端 package com.test.util; i ...

最新文章

  1. C语言实现bmp图像锐化
  2. 为什么,AX中存储的数据与我们日常理解相违背。
  3. 2021暑假每日一题 【week8 完结】
  4. 在Apworks数据服务中使用基于Entity Framework Core的仓储(Repository)实现
  5. vs2008使用技巧
  6. 交易系统高并发下的幂等性设计原则
  7. android根据中心裁剪图片,拍照,选择照片并进行裁剪,适配Android 7.0
  8. pageable设置size_总结SpringBoot使用Pageable实现分页源码
  9. 估值指标方法20190805
  10. ThoughtWorks持续集成平台GO开源了
  11. 推荐个工作日志的软件nyfedit
  12. Android开发+Java基础视频教程——第一讲
  13. 为什么书呆子不受欢迎
  14. EXCEL——自定义单元格格式
  15. 电脑如何分盘、合盘?关于硬盘的分盘,你所不知道的那些事情
  16. Android自定义广播和监听
  17. 小米电视显示服务器故障,小米电视常见的三大问题分析及解决方法
  18. WM平台玩转Android全攻略
  19. 零基础怎么学会计实操?
  20. 技嘉服务器主板是什么型号,ASUS华硕/技嘉/微星MSI工作站服务器主板型号对比说明,注入win7驱动工具...

热门文章

  1. python关闭exe程序_Python打包exe程序一行简单的代码为什么就是那么多人不知道?...
  2. 【资源共享】SPI开发指南
  3. 斯诺登:澳大利亚的监视政策比NSA还下流
  4. [Asp.Net web api]基于自定义Filter的安全认证
  5. Android MVP模式 谷歌官方代码解读
  6. [Unity] 3D数学基础 - 2D旋转矩阵
  7. KB:Office 365 MX验证出错OWA 打开后Http 404
  8. [zz] 海洋环境的光能传递
  9. 优先级反转之futex(一)
  10. 【工具类】Android判断SD卡状态