Web API (一)

页面内容
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>各种非主流操作</title>
 <script src="../javascript/jquery-1.8.2.js"></script>
<script>
   内容
</script>
</head>
<body>
    <input type="text" value="" id="userid" />
    <input type="text" value="" id="name"/>
    <input type="text" value="" id="userid2" />
    <input type="text" value="" id="name3" />
    <hr/>
    <input type="button" value="get提交" onclick="wds_getuset()" />
    <input type="button" value="get提交两个参数" onclick="wds_getuset2()" />
    <hr/>
    <input type="button" value="post提交" onclick="wds_postuset()" />
    <input type="button" value="post提交两个参数" onclick="wds_postuset2()" />
    <input type="button" value="post提交多个参数" onclick="wds_postuset3()" />
    <hr/>
    <input type="button" value="put提交" onclick="wds_putuset()" />
    <input type="button" value="put提交一个参数" onclick="wds_putuset2()" />
    <hr/>
    <input type="button" value="delete提交" onclick="wds_deleteuset()" />
    <input type="button" value="delete提交一个参数" onclick="wds_deleteuset2()" />
    <hr/>
    <div id="pj">
        
    </div>
</body>
</html>
有关Get操作数据

        //get 一个参数
        function wds_getuset() {
            var userid = $("#userid").val();
            var url = "/api/user/GetUser/" + userid;
            $.getJSON(url, function (msg) {
                alert(msg);msg是个json串
                var model = JSON.parse(msg);
                alert(model["Name"]);
                var model1 = $.parseJSON(msg);
                alert(model1.Name);
                var html = '<p>' + msg + '</p>';           
                $("#pj").append(html);
            });
        }

        //get 二个参数
        function wds_getuset2() {
            var accunt = $("#userid").val();
            var pwd = $("#name").val();
            $.ajax({
                url: "/api/user/GetTwoUser",
                type: "get",
                data:{"name":accunt,"pwd":pwd}, 【传2个数据可以成功，查过2个就会失败，多参数时，可以使用后面用到的方法】
                success: function (data) {
                    alert(data);
                }
            });

        }

后台：

  [HttpGet]
        public string GetUser(int id)
        {
            try
            {
                IXiao_UserBLL bll = new Xiao_UserBLL();
                var model = bll.GetUserById(ConnectPool.connect, id);

                return JsonConvert.SerializeObject(model);
            }
            catch
            {
                return null;
            }
        }

     [HttpGet]
       public void GetTwoUser(string name, string pwd)
        {
            
        }
Post方法
jquery部分  

当产地一个参数是 参数如果写成键值对的形式，数据是传不过去的


      //post 一个参数
        function wds_postuset() {
            var accunt = $("#userid").val();
            $.post("/api/user/UserPost", { "": accunt }, function (msg) {
                if (msg == "error") {
                    alert("添加失败!");
                } else {
                    alert("恭喜你,添加成功!");
                }
            });
            $.ajax({
                url: "/api/user/UserPost",
                type: "post",
                data: {  "":accunt },
                success: function(data) {
                    alert(data);
                }
            });

        }
        //post  二个参数
        function wds_postuset2() {
            var accunt = $("#userid").val();
            var pwd = $("#name").val();
            $.post("/api/user/adduser", { "Account": accunt, "PassWord": pwd }, function (msg) {
                if (msg == "error") {
                    alert("添加失败!");
                } else {
                    alert("恭喜你,添加成功!");
                }
            });

            $.ajax({
                url: "/api/user/adduser",
                type: "post",
                data: { "Account": accunt, "PassWord": pwd },
                success: function(data) {
                    alert(data);
                }
            });

            var job= {
                "Account": accunt,
                "PassWord": pwd
            }
            $.ajax({
                url: "/api/user/adduser",
                type: "post",
                data: JSON.stringify(job),
                contentType:"application/json",
                success: function (data) {
                    alert(data);
                }
            });
        }

        //post 多个实体
        function wds_postuset3() {
            var accunt = $("#userid").val();
            var pwd = $("#name").val();
            var accunt2 = $("#userid2").val();
            var pwd2 = $("#name3").val();
            var us= {
                "Account": accunt,
                "PassWord": pwd
            }

            var sc= {
                "SchoolName": accunt2,
                "SchoolAddress": pwd2
            }
            $.ajax({
                url: "/api/user/PostTwoUser",
                type: "post",
                data: JSON.stringify({ "xiao_user": us, "xiao_school": sc }),
                contentType: "application/json",
                success: function (data) {
                    alert(data);
                }
            });
        }

后台

  [HttpPost]
        public string UserPost([FromBody]string accunt)
        {
            try
            {
                IXiao_UserBLL bll = new Xiao_UserBLL();
                var model = bll.GetUserById(ConnectPool.connect, Convert.ToInt32(accunt));
                return JsonConvert.SerializeObject(model);
            }
            catch (Exception)
            {
                return null;
            }
        }

        [HttpPost]
        public string adduser([FromBody] xiao_userModel model)
        {
            try
            {
                IXiao_UserBLL bll = new Xiao_UserBLL();
                model.AddTime = DateTime.Now;
                var result = bll.AddUser(ConnectPool.connect, model);
                return result > 0 ? "ok" : "error";
            }
            catch (Exception)
            {
                return "error";
            }
        }

        [HttpPost]
        public void PostTwoUser([FromBody]JObject obj)
        {
            try
            {
                //dynamic 类型与 object 类型的行为是一样的。 但是，不会用编译器对包含 dynamic 类型表达式的操作进行解析或类型检查。 编译器将有关该操作信息打包在一起，并且该信息以后用于计算运行时操作。 在此过程中，类型 dynamic 的变量会编译到类型 object 的变量中。 因此，类型 dynamic 只在编译时存在，在运行时则不存在
                dynamic json = obj;
                JObject user = json.xiao_user;
                JObject school = json.xiao_school;
            }
            catch (Exception)
            {

                throw;
            }
        }
Put 方法部分 Jquery

        //put 无参
        function wds_putuset() {
  
            $.ajax({
                url: "/api/user/PutUserName",
                type: "put",
                success: function (data) {
                    alert(data);
                }
            });
        }

        //put 一个参数
        function wds_putuset2() {
            var id = $("#userid").val();
            
          $.ajax({
              url: "/api/user/PutUserOne",
              type: "put",
              data: { "": id },
              success: function (data) {
                  alert(data);
              }
          });

            var us = {
                "Account": id,
            }
            $.ajax({
                url: "/api/user/PutUserOne",
                type: "put",
                data: JSON.stringify({ xiao_user: us }),
                contentType: "application/json",
                success: function (data) {
                    alert(data);
                }
            });
        }


后台

        [HttpPut]
        public string PutUserName()
        {
            try
            {
                IXiao_UserBLL bll = new Xiao_UserBLL();
                var model = bll.GetUserById(ConnectPool.connect, 6565);
                return JsonConvert.SerializeObject(model);

            }
            catch (Exception)
            {
                return null;
            }
        }

        [HttpPut]
       // public string PutUserOne([FromBody]JObject obj)  多个参数时使用
        public string PutUserOne([FromBody]string  userid)
        {

            return null;
        }
delete 部分 jquery

      //delete 无参数
        function wds_deleteuset() {
            $.ajax({
                url: "/api/user/Deleteuser",
                type: "delete",
                success: function (data) {
                    alert(data);
                }
            });
        }

后台
      [HttpDelete]
        public void Deleteuser()
        {
            
        }

这个和其他的都相同

 webapi传参数详解 http://www.cnblogs.com/landeanfen/p/5337072.html

【推广】 免费学中医，健康全家人
原文地址：https://www.cnblogs.com/xiaoyaodijun/p/4655069.html