Get（通过远程 HTTP GET 请求载入信息。）

最新推荐文章于 2022-11-25 14:45:53 发布

别有滋味

最新推荐文章于 2022-11-25 14:45:53 发布

阅读量1.3k

点赞数

分类专栏： Jquery 文章标签： function div input server class object

Jquery 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

代码一：

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        *
        {
            margin: 0;
            padding: 0;
        }
        body
        {
            font-size: 12px;
        }
        .comment
        {
            margin-top: 10px;
            padding: 10px;
            border: 1px solid #ccc;
            background: #DDD;
        }
        .comment h6
        {
            font-weight: 700;
            font-size: 14px;
        }
        .para
        {
            margin-top: 5px;
            text-indent: 2em;
            background: #DDD;
        }
    </style>

    <script src="JS/jquery-1.3.2.js" type="text/javascript"></script>

    <script type="text/javascript">
        $(function() {
            $("#send").click(function() {
                //  $.get("Test1.aspx", $("#form1").serialize(), function(data) {
                //  $("#resTest").html(data);
                //  });
                $.get("Test1.aspx",
            {
                username: $("#txt1").val(),
                content: $("#txt2").val()
            }, function(data) {
                $("#resTest").html(data);
            });
            });
        })
    </script>

</head>
<body>
    <form id="form1">
    <p>
        评论：</p>
    <p>
        姓名：<input type="text" name="username" id="txt1" /></p>
    <p>
        内容：<textarea name="content" id="txt2" rows="2" cols="20"></textarea></p>
    <p>
        <input type="button" id="send" value="提交" /></p>
    </form>
    <div class="comment">
        已有评论：</div>
    <div id="resTest">
    </div>
</body>
</html>

Test1页面：

       protected void Page_Load(object sender, EventArgs e)
        {
            string name = Request["username"];
            string content = Request["content"];
            Response.Write("<div class='comment'><h6> " + name + ":</h6><p class='para'>" + content + "</p></div>");
            Response.End();
        }

代码二：

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>

    <script src="JS/jquery-1.3.2.js" type="text/javascript"></script>

    <script type="text/javascript">
        $(function() {
            $("#txt1").change(function() {
                var num = $("#txt1").val();
                $.get("Default.aspx", function(result) {
                    var tickets = parseFloat(result);
                    if (num > tickets) {
                        $("#Error").html("每人" + tickets);
                    }
                    else {
                        $("#Error").html("OK");
                    }
                });
            });
        });
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input type="text" id="txt1" />
        <div id="Error" style="color: Red;">
        </div>
    </div>
    </form>
</body>
</html>

Default.aspx页面：

        protected void Page_Load(object sender, EventArgs e)
        {
            int tickets = 5;
            Response.Write(tickets.ToString());
            Response.End();
        }