C# webApi----H5_app后台制作--参数的传输(对于懒得安分webApi参数传输不行的补充)

Posted Restrain

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了C# webApi----H5_app后台制作--参数的传输(对于懒得安分webApi参数传输不行的补充)相关的知识,希望对你有一定的参考价值。

(2)问题二:传参的方式;

http://www.cnblogs.com/landeanfen/p/5337072.html对于这篇文章的补充

 测试一如下:

1)后端代码如下,

注意1:Api中的方法中的参数只能有一个,不能出现比如像这样

public object post(LoginInfo user,string name)
 
 public class LoginController :ApiController
    {
        [HttpPost]
        public object post(LoginInfo user)
        {
            return user.strPwd;
        }

       public class LoginInfo
    {
        public string strUser { get; set; }
        public string strPwd { get; set; }

    }
}

发送请求如下:以json格式发送数据,自己写的请求头,注意contextType:application/json,代表以json的格式发送数据。

注意1:默认的路径设置为 routeTemplate: "api/{controller}/{id}",

要设置为 routeTemplate: "api/{controller}/{action}/{id}",才能请求的方法

接收到的返回的数据成功。

使用jquery测试,发起post请求:直接发送对象格式的数据,jquery会自动根据发送的格式转化成相应的格式发送出去

 代码如下:

    <script src="jquery-2.2.0.min.js"></script>
    <script>
        var postdata = { strUser: "13443", strPwd: "Jim" };
        function Login() {
            $.ajax({
                type: "post",
                url: "http://localhost:61083/api/Login/Login",
               // contentType: "application/json",
                data: postdata,
                success: function (data, status) {               
                }
            });
        }
    </script>
</head>
<body>
    <div style="text-align:center;">
        <div>用户名:<input type="text" id="txt_username" value="admin" /></div>
        <div>密  码:<input type="password" id="txt_password" value="123456" /></div>
        <div><input type="button" value="登录" id="btn_login" class="btn-default" onclick="javascript: Login()" /></div>
    </div>
</body>

 

 

以上是关于C# webApi----H5_app后台制作--参数的传输(对于懒得安分webApi参数传输不行的补充)的主要内容,如果未能解决你的问题,请参考以下文章

用C#怎么制作这个页面,生成的点是随机布点

2019年3月更新 技术分享 WPF基本界面制作

C#+Layui开发后台管理系统

JavaScript获取后台C#变量以及后台方法

c#如何播放多个.wav文件,并设置每个文件的音量

Javascript调用C#后台方法及JSon解析