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()

        {

            

        }



这个和其他的都相同

 

你可能感兴趣的:(Web)