1

新しいDBレコードを挿入してユーザーに表示する必要があるWebページがあります。

私が欲しいのは、私が人を追加するとき、s(彼)は追加された行を見る必要があるということです。私は以下のコードを持っています:

function AddData(par){

    var artistName =  $("input[name='"+par+"']").attr('id') + '-'+$("input[name='"+par+"']").val();

   $.post('/json/management/AddDataAjax2', 
    {
       "artistName": artistName
    },
    function(response){
        console.log(response);
        if(response =='ok'){
             alert("Başarıyla eklendi"); 
        }
         else{
             alert("Sanatçı bulunamadı, yönlendiriliyorsunuz");
             window.location.replace("http://www.sinemalar.com/management/artistAddEditRemove/");
         }
});
}

追加されたレコードを表示する例

タブはすべてdivです。各タブにIDを付け、レコードを挿入した後にdivの更新を追加しました。ただし、ロードした元のページはレンダリングされます。解決策は何ですか、何か提案はありますか?

4

2 に答える 2

1

データを表示する場所にdivを作成するだけです。次のようになります。

<div id="added"></div>

次に、jQueryを次のように編集します。

function(response){
    console.log(response);
    if(response =='ok'){
         $("#added").append(artistName . "<br>");
         alert("Başarıyla eklendi");
    }
于 2012-04-14T21:04:39.940 に答える
0

代わりに、ページを更新する場合、append()を使用して新しいアイテムをリストに追加できますか?

編集済み:この例が役立つ場合があります:

test.html >>

 <script src="jquery.min.js" type="text/javascript"></script>
 <script type="text/javascript">                                                                                                      

 $(document).ready(function() {
     $("input[type='button']").click(function() {
        value = $("input[type='text']").val();
        $('ui').append("<li>"+value+"</li>");
     });
  });

</script>
<ui id='list'>
  <li>item1</li>
  <li>item2</li>

</ui> 

<input type='text'/><input type='button' value='Add'/>
于 2012-04-14T20:56:53.350 に答える