jquery - 使用 jquery 和 ajax 添加记录

Question

所以我在这里学习一个教程，我有这个 jquery 代码来处理一些数据。

目前我只有这个表格，只有一个名为内容的输入：

<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>

现在，我有另一个名为 id 的输入。我应该在哪里插入它？

我试过类似的东西：

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

它没有用..所以，我知道这可能是基本的，但我从来不需要处理 ajax.. 谢谢..

Answer 1

试试@johan 所说的，这是一种更好的方法，或者你可以这样做：

 dataString += '&id='+ id;

Answer 2

将数据作为对象文字传递：

var test = $("#content").val();
var id = $("#id").val();
var dataObject = { content: test, id: id };

$.ajax({
    type: "POST",
    url: "demo_insert.php",
    data: dataObject,
    //etc...

选项 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
});