Ajax Çağrısı (jQuery) sonrası DOM'ı nasıl güncelleyebilirim?

Question

Aramadan sonra DOM'ı yeni kayıt eklenmiş öğe ile nasıl güncelleyebilirim?

Yeni eklenen db kayıt içeriğini geri aradığında geri dönmeli ve jquery'yi kullanarak ekleme yapmalı mıyım?

Soruyu cevaplamak için yeterli veri yoksa lütfen önerin. Böyle

$(function(){ 

     $('#postentry').submit(function() { 
      var tyu = $('#tittle_ent').val(); 
      if(tyu.length <= 2) 
      {alert('Enter More Text!'); return false;}else 
      { 
       $.post( 
       "posts_in.php", 
       $("#postentry").serialize(), 
        function(data){ 
         //alert(data); 
        } 
       ); 
       return false; 
      } 
     }); 

    }); 

Her kayıt görünüm: verileri yeni kaydını içerir

<div id="post349" class="myclass"> 
This is some text.  
</div> 

Answer 1

Ben $.post() yerine $.ajax() kullanmak: div eklenir ve doldurulur nasıl

$.ajax({ 
    type:'post', 
    url: 'posts_in.php', 
    data: $("#postentry").serialize(), 
    success:function(data){ 
     var id='post349'; 
     $('<div></div>').attr('id',id).addClass('myclass').html(data).appendTo('#records_wrapper'); 
    } 
}); 

Hızlı demo: http://jsfiddle.net/AlienWebguy/zuPA2/1/

Answer 2

$.post( 
    "posts_in.php", 
    $("#postentry").serialize(), 
     function(data){ 
      $('#myDivOnThePage').append(data); 
     } 
); 

Answer 3

Eğer, bu yüzden evet, bunu ayrıştırmak ve nerede eklemek ve istediğiniz gibi. Bir örnek ile yeni jsfiddle.net oluşturarak

, ben

Answer 4

Sen php çevreleyen div tam bir rekor iade edebilir ... daha size biraz yardımcı olabilir ya da sadece yeni alabilirsiniz Girilen kimlik ve javascript içinde kayıt oluşturun.