2011-07-15 7 views
5

呼び出し後に新しいレコード追加要素でDOMを更新するにはどうすればよいですか?Ajaxコール(jQuery)後にDOMを更新するにはどうすればよいですか?

コールバックで新しく挿入されたdbレコードの内容を返し、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> 

答えて

2

私は$.post()の代わりに$.ajax()を使用したい:div要素が追加され、取り込まれるかの

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

クイックデモ:http://jsfiddle.net/AlienWebguy/zuPA2/1/

+0

簡単には理解するが。ありがとうございました。 – Codex73

+0

新しく追加されたレコードのIDを挿入するにはどうしたらいいですか? – Codex73

+1

あなたのposts_in.phpページからJSONオブジェクトを返すといいでしょう: 'echo" JSON_encode( '{"id": "post349"、 "record": "This is some text"}'); ' 。次に、あなたのajax 'success:function()'では、オブジェクトを 'data.id'と' data.record'として参照できます。 'dataType: 'json''をあなたのajaxパラメータに追加して、JQueryが入ってくるデータを解析する方法を知っているようにしたいでしょう。 – AlienWebguy

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

例で新しいjsfiddle.netを作成することにより、私は...もう少し

1

あなたを助けることができるあなたは、PHPから周囲のdivで完全なレコードを返すことができますいずれか、またはあなただけ新しく得ることができますIDを挿入し、javascriptでレコードを作成します。

関連する問題