2017-02-05 3 views
0

Я отправляю запрос ajax, используя Bootstrap Modal. Когда я подчиняюсь, я хочу обновить модальное тело. Это означает, что то, что я сохранил из моей формы, я показываю свое модальное тело, я хочу показать эту строку в таблице. когда я использую это, эта таблица была скрыта без обновления. Что не так?Как обновить данные таблицы 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, 
    }); 
}); 
+1

Предоставить [mcve]. Также никогда не используйте 'async: false' ... это ужасная практика. Посмотрите на уведомление об изъятии, которое оно создает на вашей консоли. – charlietfl

+0

. Я взял async: false, но все же его скрыть, что div, когда я отправляю форму. –

+0

Недостаточно информации для получения точного ответа. Вам нужно проверить, что полезная нагрузка ajax-ответа действительно возвращается в ожидаемом формате, тогда вам необходимо привязать данные к вашей таблице. Если вы не используете что-то вроде углового, это означает повторение всех элементов в ответе и добавление элементов tr и td для построения вашей таблицы. – cobolstinks

ответ

0

возвращает этот контроллер формы данных строки и создает html и добавляется к существующей таблице. нет концепции обновляемой таблицы начальной загрузки. только добавьте новые данные.

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

это добавит эту строку к последней вашей таблице.

Смежные вопросы