如何通过Ajax传递多个变量?

时间:2015-12-17 13:47:08

标签: javascript php jquery ajax

下面是一个注释框的ajax代码,它在另一个页面上调用php代码,将注释插入到comments表中。这段代码效果很好,但它只是一个测试。现在我想将userto,userfrom,postid以及注释添加到comments表中我需要将来自index.php的变量userto,userfrom等传递给addcomment.php。我可以通过这个ajax代码传递给addcomments.php吗?

的index.php

<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: "addcomment.php",
                data: dataString,
                cache: false,
                success: function(html) {
                    $(".db").after(html);
                    document.getElementById('content').value = '';
                    document.getElementById('content').focus();
                    $("#flash").hide();
                }
            });
        }
        return false;
    });
});
</script>

addcomment.php

if(isset($_POST['content'])) {
  $comment=strip_tags($_POST['content']);
  $com = $db->prepare("INSERT INTO comments (comment) VALUES (:comment)");
  $com->execute(array(':comment'=>$comment)); 
}

1 个答案:

答案 0 :(得分:4)

您的dataString变量可以是javascript对象:

{ "data1" : "value1", "data2": "value2" }