2017-06-03 58 views
0

請我用PHP,AJAX和jQuery工作的特定部分。當我發佈狀態貼有Ajax和PHP的狀態,所以沒有整個頁面重新加載發生,但問題是我要沿着側面看張貼的地位已經發布狀態,這意味着舊的狀態需要如此刷新新發布的狀態似乎與我....我希望我能做到這一點,只更新不整頁的狀態部分...這是我用它來發布狀態而不需要重新加載代碼。重新加載網頁

$('input#post-submit').on('click', function(){ \t 
 
    var post = $('textarea#userPost').val(); 
 
    var azoul = $('input#token').val(); \t 
 
    if($.trim(post) != '' && $.trim(azoul) === 'azoul_majidi15AJH45skLD') \t 
 
    { \t 
 
     $.ajax({ \t 
 
     url:"post-post.php", 
 
     method:"POST", 
 
     data:{post:post,azoul},`enter code here` 
 
     dataType:"text", 
 
     success:function(data){ 
 
        $('#post-state').text('Your Status was posted successfully'); 
 
       } 
 
      }); 
 
    } \t 
 
}); 
 

+1

,使用$ .load()https://api.jquery.com/load/與頁面片段組成部分。或者使用JSON來建立你的DOM –

+0

你可以使用jQuery來更新相應的狀態部分HTML。沒有html的細節,我不能提供一個代碼來展示如何去做。但通常您可以選擇相應的DOM元素並更改類或文本值或其某種顏色。你甚至可以清空整個部分並重新構建html字符串,然後附加到它。 – Surely

+0

謝謝@ user3089009,我會試一試;)再次感謝。 –

回答

0

你的Ajax的成功裏面,取代舊後格與新帖子內容的HTML。 $("#old_post_div").html("new_post_content"); 或者你可以使用前置或後置,使新的內容將在前面或舊的內容一起追加。

在成功回調
+0

看起來既簡單又有效。謝謝@Kishor Malakar先生。 –