mvcAPI （入门 3)

时间：2022-10-19 09:03:02

续上

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)

相关文章