@{ Layout = null; } <!DOCTYPE html> <html> <head> <meta content="width=device-width" /> <title>TestApi</title> <script src="http://www.mamicode.com/~/Scripts/jquery-1.8.2.js"></script> <script type="text/javascript"> $(function () { //$("#btnPost").click(function () { // DoPost(); //}); //$("#btnPut").click(function () { // DoPut(); //}); $("#btnDelete").click(function () { DoDelete(); }); }); function DoPost() { $.ajax({ type: "POST", url: "/api/values", data: { "Id": 1, "UserName": "chm", "Age": 1 }, success:function(data){ alert(data.Id + " " + data.UserName + " " + data.Age); } }); } function DoPut() { $.ajax({ type: "PUT", url: "/api/values/1", data: { "Id": 1, "UserName": "chm", "Age": 1 }, success: function (data) { alert(data.Id + " " + data.UserName + " " + data.Age); } }); } function DoDelete() { $.ajax({ type: "DELETE", url: "/api/values/1", data: { }, success: function (data) { alert(data); } }); } </script> </head> <body> <div> <input type="button" value="post"/> <br/> <input type="button" value="put"/> <br /> <input type="button" value="delete" /> </div> </body> </html>
，