SSM 中Ajax 提交JSON数据到后台的方法

5 篇文章 0 订阅
5 篇文章 0 订阅

1.首先在springmvc 中配置好Json(参考博客:)

一:用对象接受

        1.前台 Ajax 提交

$('#btn_ok').click(function () {
        var product={
            productName: $("input[name='product_name']").val(),
            productNum: $("input[name='product_num']").val(),
            productDiscribe: $('#product_detail').val(),
            picture: $("input[name='product_pic']").val(),
            inPrice: $("#product_inPrice").val(),
            outPrice: $("#product_outPrice").val(),
            categoryName: $('#sc_category option:selected').val(),//选中的值
            supplierCompany: $('#sc_supplier option:selected').val(),//选中的值
        };
      console.log(product);

        $.ajax({
            url: "/generalManager/addProductInfo", //后台url
            type: "POST",
            dataType: "json",
            contentType:"application/json;charset=UTF-8",
            data: JSON.stringify(product),
            success: function(data) {

            },

            error: function(er) {          //失败,回调函数
                //  alert('修改错误');
                alert(er)
            }
        });
    });

            2.后台接收

  @RequestMapping(value = "/addProductInfo", method = RequestMethod.POST)
    @ResponseBody
    public void save(@RequestBody(required = false) Product product) {

        System.out.println(product);

    }

二:用map类型接受

             1.前台 Ajax 提交

 $.ajax({
            url: "/generalManager/addProductInfo", //后台url
            type: "POST",
            dataType: "json",
            contentType:"application/json;charset=UTF-8",
            data: JSON.stringify({
                productName: $("input[name='product_name']").val(),
                productNum: $("input[name='product_num']").val(),
                productDiscribe: $('#porduct_detail').val(),
                picture: $("input[name='product_pic']").val(),
                inPrice: $("#product_inPrice").val(),
                outPrice: $("#product_outPrice").val(),
                categoryName: $('#sc_category option:selected').val(),//选中的值
                supplierCompany: $('#sc_supplier option:selected').val(),//选中的值
            }),
            console.log(product);
            success: function(data) {
             
            },

            error: function(er) {          //失败,回调函数
                //  alert('修改错误');
                alert(er)
            }
        });
    });

             2.后台接收


    @RequestMapping(value = "/addProductInfo", method = RequestMethod.POST)
    @ResponseBody
    public void kk(@RequestBody Map<String,String> map){
   
        System.out.println("HHHHHHHHHHHHHHH"+map.get("productName"));
    }

 

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值