2017-06-03 119 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先生。 –