码迷,mamicode.com
首页 > 其他好文 > 详细

$.get()

时间:2016-06-28 15:47:14      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
    <form id="form" action="#">
    <p>
        姓名:<input type="text" name="username" id="username" /></p>
    <p>
        内容:<textarea name="content" id="content" rows="2" cols="20"></textarea></p>
    <p>
        <input type="button" id="send" value="提交" /></p>
    </form>
    <div class="comment">
        已有评论:</div>
    <div id="resText">
    </div>
    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("#send").click(function () {
                $.get("Comment.aspx", {
                    username: $("#username").val(),
                    content: $("#content").val()
                }, function (data, textStatus) {
                    var username = $(data).find("comment").attr("username");
                    var content = $(data).find("content").text();
                    var txtHtml = "<div class=‘comment‘> <h6>" + username + ":</h6> <p class=‘para‘>" + content + "</p> </div>";
                    $("#resText").html(txtHtml);
                });
            })
        })
    </script>
</body>
</html>

技术分享

$.get()

标签:

原文地址:http://www.cnblogs.com/chrisghb8812/p/5623686.html

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