Question

添加参数的形式行动，我有以下形式没有AJAX

echo " 

<form action='upload_Comment.php?post_id=$post_id' method='post' id='comments'> 

<textarea class='form-control' name='comment' rows='1'></textarea> 

<input type='submit' name='post_comment'> 
</form> 


    "; 

工作正常，但我需要使用Ajax来阻止该网页的表单提交时重装。

$(document).ready(function(){ 
    $('#comments').on('submit', function(e) { 
    e.preventDefault(); 

    $.ajax({ 
     url: "upload_comment.php?post_id= + post_id ", 
     type: "POST", 
     data: new FormData(this), 
     dataType : 'json', 
     contentType: false, 
     processData: false, 
     success : function(data){     
           console.log(data); 

         }, 
         error: function(){alert('Error!')} 
    }) 

    }); 
}); 

我需要一种方法来我每次提交新文章时，通过$ POST_ID参数值和POST_ID对每个岗位独特。可以有人请帮助我如何以ajax形式传递该post_id参数url

Answer 1

您不应该混合发送POST和GET请求，因为GET用于GET信息，不能将其传入。 您的代码可能应该是这样的：

var fData = new FormData(this); 
fData.append('post_id', post_id); 

而且，阅读本：HTTP POST with URL query parameters -- good idea or not?

"upload_comment.php?post_id= + post_id " 

应该像这样（严重的是，不这样做）：

"upload_comment.php?post_id=" + post_id 

Answer 2

以隐藏费尔德和assifn的帖子ID的价值到它

<textarea class='form-control' name='comment' rows='1'></textarea> 
<input type="hidden" value="<?=$post_id;?>" id="postId"> 
<input type='submit' name='post_comment'> 
</form> 

和JS代码将

$(document).ready(function(){ 
$('#comments').on('submit', function(e) { 
e.preventDefault(); 
var post_id =$('#postId').val(); 
$.ajax({ 
    url: "upload_comment.php?post_id=" + post_id, 
    type: "POST", 
    data: new FormData(this), 
    dataType : 'json', 
    contentType: false, 
    processData: false, 
    success : function(data){     
          console.log(data); 

        }, 
        error: function(){alert('Error!')} 
}) 

}); 
});