页面内容 <!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