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!')} 
}) 

}); 
});