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

常用方法

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