使用jquery和ajax添加记录

使用jquery和ajax添加记录,jquery,ajax,Jquery,Ajax,所以我在这里遵循一个教程,我有这个jquery代码来处理一些数据 目前我只有这个表单,只有一个名为content的输入: <script type="text/javascript" > $(function () { $(".comment_button").click(function () { var test = $("#content").val(); var dataString = 'content=' + test;

所以我在这里遵循一个教程,我有这个jquery代码来处理一些数据

目前我只有这个表单,只有一个名为content的输入:

<script type="text/javascript" >
$(function () {
    $(".comment_button").click(function () {

        var test = $("#content").val();
        var dataString = 'content=' + test;

        if (test == '') {
            alert("Please Enter Some Text");
        } else {
            $("#flash").show();
            $("#flash").fadeIn(400).html('<img src="ajax-loader.gif" align="absmiddle"> <span class="loading">Loading Comment...</span>');

            $.ajax({
                type: "POST",
                url: "demo_insert.php",
                data: dataString,
                cache: false,
                success: function (html) {
                    $("#display").after(html);
                    document.getElementById('content').value = '';
                    document.getElementById('content').focus();
                    $("#flash").hide();
                }
            });
        }
        return false;
    });
});
</script>
它不起作用…所以,我知道这可能是基本的,但我从来没有处理过ajax。。 谢谢。

将数据作为:

选项2将是表格数据:

<form>
    <div><input type="text" name="content" value="1" id="content" /></div>
    <div><input type="text" name="id" value="2" id="id" /></div>
</form>

$(function(){
    alert( $('form').serialize() ); //content=1&id=2
});

$(函数(){
警报($('form').serialize();//内容=1&id=2
});

试试@johan说的,这是一个更好的方法,或者你可以做:

 dataString += '&id='+ id;

嗯,我不知道,但我需要的是传递另一个变量,除了$content one.对于多个表单元素,可以使用jQuery的serialize()函数-嗯,我不知道怎么做,我的意思是,它需要更多的修改,对吗?我不知道如何添加一个变量,这个我不知道如何修改。啊…明白了。。。让我试试:@pyetjegoo当然,让我知道进展如何。我更新了答案
<form>
    <div><input type="text" name="content" value="1" id="content" /></div>
    <div><input type="text" name="id" value="2" id="id" /></div>
</form>

$(function(){
    alert( $('form').serialize() ); //content=1&id=2
});
 dataString += '&id='+ id;