zoukankan      html  css  js  c++  java
  • ajax请求成功但不执行success-function回调函数的问题

    在success:function(data){}下面加个error:function(){},看看是不是出错了走了error。如果是,说明返回值类型不符合要求。

    比如:下面代码返回String类型。

    @RequestMapping(value = "/v1/doUpdate", method = RequestMethod.GET)
    @ResponseBody
    public String doUpdate(HttpServletRequest request, HttpServletResponse response) throws IOException {
        return mrInfoService.doUpdate(request);
    }

    ajax请求预期服务器返回的数据就应该写成dataType:'text',而不是dataType:'json',否则就走error回调函数。

    function doUpdate(id){
        var mr = $("#mr"+id).val();
        $.ajax({
        url : localroot + "/v1/doUpdate" + "?id=" + id + "&mr=" + mr,
            type : 'GET',
            dataType: 'text',
            success : function(flag) {
            alert(flag);
        }
        });
    }

    而当返回值是集合时,

    @RequestMapping(value = "/v1/findUpdateData", method = RequestMethod.GET)
    @ResponseBody
    public  findUpdateData(HttpServletRequest request, HttpServletResponse response){
        return mrInfoService.findUpdateData(request);
    }

    ajax预期服务器返回类型可以写成json

    $.ajax({
        url : localroot + "/v1/findUpdateData" + "?id=" + ids,
        type : 'GET',,
        success : function(data) {
            for(var i=0;i<data.length;i++){
                var mr = data[i].mr;
                if(null == mr || "undefined"==mr){
                    mr = "";
                }
            }
        }
    });

    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": 返回纯文本字符串

  • 相关阅读:
    Windows环境下多版本JDK切换
    科学记数法数字转换/保留数值小数点位数(数字格式化)
    解析Excel数据
    odoo 配置文件参数大全
    odoo10 addon开发流程
    odoo10源码 windows环境安装
    【12】Django 中间件
    【10】Cookie和Session
    django-debug-toolbar
    爬虫系列之mongodb
  • 原文地址:https://www.cnblogs.com/xyhero/p/ad03d019cbe1d54500405b7cd457d3b5.html
Copyright © 2011-2022 走看看