码迷,mamicode.com
首页 > Windows程序 > 详细

mvcAPI (入门 3)

时间:2015-09-04 18:23:15      阅读:241      评论:0      收藏:0      [点我收藏+]

标签:

续上 

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>
无参数Get请求

效果图:点击提交现象效果

技术分享

 

mvcAPI (入门 3)

标签:

原文地址:http://www.cnblogs.com/laopo/p/4782004.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!