mvcAPI （入门 3)

续上 

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请求

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

 

posted @ 2015-09-04 17:14  每天进步一点点！  阅读(236)  评论(0)  编辑  收藏  举报