layuiajax传递对象参数，后台使用FromBody接收对象参数

Posted 2022-08-30 厦门德仔

前端传递对象参数给后台。

常用方法

• URL参数?Parm1=xx&Parm2=yy…,后台对应参数接收
• formid传递，后台request请求接收
• form同名对象，后台接收。

能否传递任意参数给后台呢？传递JSON给后台同名对象接收。

1.后端

1、Modal:创建一个模型参数对象usermsg

public class usermsg
    
        public string username  get; set; 

        public string password  get; set; 
    

2、Controllers:将该对象类型作为参数类型

2. 前端：

2.1、html：添加一个按钮button3

2.2、javascript事件：为button3添加一个事件

与传递字符串相比有两个不同点：

其一：ajax对象参数多了一个属性contentType,值为application/json

contentType:‘application/json’

其二：data参数中需要将对象序列化为json字符串

data:JSON.stringify(username: ‘zhangsan’, password: ‘123456789’)

$('#btnGetUser').click(function()
        $.ajax(
            url:'http://localhost:53179/values/api/getuser',
            dataType:'json',
            type:'Post',
            contentType:'application/json',
            data:JSON.stringify(username: 'zhangsan', password: '123456789'),
            success:function(res)
                console.log(res)
                if(res!=null)
                    $('#name').prop('value',res.username);
                    $('#age').prop('value',res.age);
                
            
        )
    );

3.测试