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

后端：

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

public class usermsg
    {
        public string username { get; set; }

        public string password { get; set; }
    }

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

 

前端：

1、HTML：添加一个按钮button3

 

 

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);
                }
            }
        })
    });

 

测试：