表单提交后使用AJAX刷新div

Question

我想在每次提交表单时在AJAX响应之前显示加载img。问题是img只出现在第一次提交时。

这是我的代码：

$('form.ajax').on('submit', function(){
    var that = $(this),
    url = that.attr('action'),
    type = that.attr('method'),
    data = {};

    that.find('[name]').each(function(index, value ){
         $('#response').html(' loading...');
            var that = $(this),
            name = that.attr('name'),
            value = that.val();
        data[name] = value;

    });    
    $.ajax({
        url: url,
        type: type,
        data: data,
        success: function(response) {
            console.log(response);
            $(".ajax")[0].reset();
            $("#response").hide();

        }
    });
    return false;    
});

Answer 1

第一次隐藏

后，您没有显示response部分

使用此行

 $("#response").show();

开头

$('form.ajax').on('submit', function(){

        $("#response").show();

        /* bla bla your code bla bla
        ............................
        */


});