php - 如何在 Ajax 调用 (jQuery) 后更新 DOM？

Question

如何在调用后使用新添加的记录元素更新 DOM？

我应该在回调时返回新插入的数据库记录内容然后使用 jquery 追加吗？

如果没有足够的数据来回答问题，请提出建议。

$(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;
            }
        });

    });

每条记录看起来像这样:

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

Answer 1

我会使用 $.ajax() 而不是 $.post():

$.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');
    }
});

如何附加和填充 div 的快速演示:http://jsfiddle.net/AlienWebguy/zuPA2/1/