Ajax传值

最新推荐文章于 2023-06-07 21:39:23 发布

晓风轻飏丶

最新推荐文章于 2023-06-07 21:39:23 发布

阅读量147

点赞数

分类专栏：前端文章标签： ajax json

本文链接：https://blog.csdn.net/xfqy1807099649/article/details/112810031

版权

前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

这篇博客探讨了前端使用Ajax向后端传递数据时遇到的问题，包括JSON格式化、contentType设置以及后端参数接收为null的情况。文章通过实例展示了如何正确地将表单数据转化为JSON并发送到后端，同时分析了当后端接口有多个参数时如何处理JSON数据，强调了@RequestBody注解在接收JSON数据时的重要性。

摘要由CSDN通过智能技术生成

ajax向后端传值

    function patientRegister(){
        $.ajax({
            type:'POST',
            url:'/patient/register',
            data: JSON.stringify(toJson()),
            // Content-Type:"application/json",
            contentType: "application/json",
            dataType:'JSON',  //如果后台本来返回的就是Json数据则可以省略此条
            success:function (result) {
                //result为返回结果
                $.messager.alert('Info', data, 'info');
            },
            error:function () {
                alert("内部出错！");
            }
        });
    }

// 将表单中的数据转换为json格式
    function toJson(){
        var obj = {};
        var formArray = $("#ff").serializeArray();
        $.each(formArray, function () {
            if (obj[this.name] !== undefined) {
                if (!obj[this.name].push) {
                    obj[this.name] = [obj[this.name]];
                }
                obj[this.name].push(this.value || '');
            } else {
                obj[this.name] = this.value || '';
            }
        });
        return obj;
    }

$.ajax({
    url:"../regionservlet",//数据请求的地址
    data:{"paid":-1},//返回给客户端的json数据
	dataType:"json",//s数据类型格式
	type:"post",//ajax数据访问的方法	
	success:function(listReceive){
        $("#province").empty();
    $.each(listReceive,function(index,value){
            console.log( index , listReceive[index] );
        //创建节点
        var o=$("<option/>")
        o.html(value["areaname"]);
        o.val(value["areaid"])
        $("#province").append(o);
    });
}
})

前端传值后端接收为null

 @PostMapping("/createOrder")
    public Object createOrder(Integer gid,Integer num){
    }

$.ajax({
        url:"/order/createOrder",//数据请求的地址
        data: {
            gid: gid,num: $("#num").val()
        },//返回给客户端的json数据
        dataType:"json",//s数据类型格式
        type:"POST",//ajax数据访问的方法
        //这里的contentType如果不传json就用默认 不然会传null
        // contentType:"application/json;charset=utf-8", 
        success:function(data){


        }
    })