Question

所以我在这里按照教程，我有这个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>

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

我尝试过类似的事情：

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

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

Answer 1

将数据作为object literal传递：

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将是serialize表单数据：

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

Answer 2

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

 dataString += '&id='+ id;

使用jquery和ajax添加记录

2 个答案: