标签:
续上
1)无参数Get请求
<!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="Scripts/jquery-1.8.2.js"></script> <script> $(function () { $("#btn_get").click(function () { $.get("api/Home/GetUser", function (data) { var tbody=$("#tbody1") $.each(data, function (idx, item) { Outputdata(tbody, item); }); }); function Outputdata(tbody, item) { tbody.append( "<tr>" + "<td style=\"border:1px solid #0094ff;\">" +item.Id + "</td>" + "<td style=\"border:1px solid #0094ff;\">" + item.Name + "</td>" + "<td style=\"border:1px solid #0094ff;\">" + item.Age + "</td>" + "</tr>"); } }); }); </script> </head> <body> <table> <thead> <tr> <td style="border:1px solid #0094ff">Id</td> <td style="border:1px solid #0094ff">Name</td> <td style="border:1px solid #0094ff">Age</td> </tr> </thead> <tbody id="tbody1"> </tbody> </table> <input type="button" name="name" value="提交 " id="btn_get" /> </body> </html>
效果图:点击提交现象效果
标签:
原文地址:http://www.cnblogs.com/laopo/p/4782004.html