How to refresh table data ajax form submit?

Question

I'm submitting an ajax request using Bootstrap Modal. When I submit, I want to refresh the modal body. It means that what I have saved from my form I'm showing my modal body I want show that row in table. when I use this, that table got hidden without refreshing. What's wrong?

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

Answer 1

return that row data form controller and create html and append to to existing table. there is no concept of refreshing bootstrap table. only append new data.

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

this will append that row to at the last of your table.