• ajax使用json数据格式--无效的 JSON 基元


    ajax使用json数据格式提交

    一开始这么写的

            var flobj = {
                UserId: userid,
                ForbidSDT: ForbidSDT,
                ForbidEDT: ForbidEDT
            }
            $.ajax({
                type: "POST",
                url: "/Limit/Forbid",
                contentType: "application/json", //必须有  
                dataType: "json", //表示返回值类型,不必须  
                data: { Types: chk_value, fl: flobj, remark: remark, tip: tip },
                success: function (jsonResult) {
                    if (jsonResult.Code == 1)
                    {
                        alert("添加成功");
                        $(target).parent().parent().find("input").attr("disabled", true);
                    } else {
                        alert("添加失败");
                    }
                }
            });

    提交的数据格式:

    这种会报错误:

    无效的 JSON 基元: Types

    后来改了

            var flobj = {
                UserId: userid,
                ForbidSDT: ForbidSDT,
                ForbidEDT: ForbidEDT
            }
            $.ajax({
                type: "POST",
                url: "/Limit/Forbid",
                contentType: "application/json", //必须有  
                dataType: "json", //表示返回值类型,不必须  
                data: JSON.stringify({ Types: chk_value, fl: flobj, remark: remark, tip: tip }), 
                success: function (jsonResult) {
                    if (jsonResult.Code == 1)
                    {
                        alert("添加成功");
                        $(target).parent().parent().find("input").attr("disabled", true);
                    } else {
                        alert("添加失败");
                    }
                }
            });

    提交的数据格式:

    记录:

    data必须是一个“表示JSON对象的字符串”,而不是一个“JSON”对象

    原因是jquery会把JSON对象序列化成标准POST的形式,ASP.NET WebService需要的是JSON格式的数据,所以必须把你的数据变成一个JSON样子的字符串

  • 相关阅读:
    rabbitmq的三种减缓及模式
    webpack的安装与使用
    vue使用脚手架vuecli
    mybatisplus自动生成代码
    vuerouter的使用
    vue不用脚手架
    vue不用脚手架2
    vue2 mock使用
    整合elementUI
    vue项目中进度条(步骤进度条)和tag标签页的对象对应链条切换...
  • 原文地址:https://www.cnblogs.com/ningyouyou/p/8202827.html
Copyright © 2020-2023  润新知