テーブルデータをリフレッシュする方法ajaxフォーム送信？

Bootstrap Modalを使用してajaxリクエストを送信しています。私が提出するとき、私はモーダルボディをリフレッシュしたい。それは私が私のフォームから救ったことを私がモーダルのボディを見せていることを意味します。私がこれを使うと、そのテーブルは爽やかに隠されてしまった。どうしましたか？テーブルデータをリフレッシュする方法ajaxフォーム送信？

$('#uploadform').submit(function(e) { 

    e.preventDefault(); 

    var formData = new FormData(); 
    formData.append('file', $('input[type=file]')[0].files[0]); 
    formData.append('task_id','{{$task->id}}'); 
    formData.append('title',$('#title').val()); 

    $.ajax({ 
     type:'POST', 
     url:'{{url('/uploadTask')}}', 
     data:formData, 
     success:function(data){ 

      $("#images-table").html(data); 

      $("#some_form")[0].reset(); 

     }, 
     error:function (data) { 
      alert('error'); 
     }, 
     async:false, 
     processData: false, 
     contentType: false, 
    }); 
});

出典

2017-02-05 Prudential Developer

[mcve]を入力してください。また、 'async：false'を使用することは決してありません...それはひどい習慣です。あなたのコンソールに作成された非推奨通知を見てください。 – charlietfl

私は非同期を取りました：偽ですが、フォームを送信するとそのdivを非表示にします。 –

正確な答えを提供するのに十分な情報がありません。 ajaxレスポンスのペイロードが期待どおりの形式で実際に返されていることを確認し、次にデータをテーブルにバインドする必要があります。角度のようなものを使用していない場合は、レスポンスのすべての要素を反復し、テーブルを構築するためにtr要素とtd要素を追加することを意味します。 – cobolstinks

この行データフォームコントローラを返し、既存のテーブルにhtmlとappendを返します。ブートストラップテーブルをリフレッシュするという概念はありません。新しいデータだけを追加します。

$('#tableid').append('<tr><td>name</td><td></td></tr>');

これは、その行をテーブルの最後に追加します。

出典

2017-02-06 16:00:18

テーブルデータをリフレッシュする方法ajaxフォーム送信？

答えて

関連する問題