jquery无刷新评论

来源:luqidong 发布时间:2013-09-03 21:40:47 点击数:

<!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>jquery无刷新评论</title>

    <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>

</head>

<body>

    留言板:<br />

    <br />

    <table id="table">

        <tr>

            <td>

                标题

            </td>

            <td>

                内容

            </td>

        </tr>

    </table>

    <input type="text" id="txttitle" /><br />

    <textarea id="text" rows="5"></textarea><br />

    <input type="button" value="提交" id="btnpost" />

    <script type="text/javascript">

        $(function () {

            $("#btnpost").click(function () {

                var title = $("#txttitle").val();

                var body = $("#text").val();//取到title和body的值

                var tr = $("<tr><td>" + title + "</td><td>" + body + "</td></tr>")//创建一个一行两列的对象

                $("#table").append(tr);//添加到table中。这样 是在客户端显示但是并没有上传到数据库里 所以我们在后台写个插入到数据库的代码就行了。

            })

        })

    

    </script>

</body>

</html>