成功函数不以ajax形式调用

时间:2016-10-01 03:06:21

标签: php jquery

$('#upload').on('click',function(){
$('#upload_form').ajaxForm({
    url:insert_url,
    type:'post',
    target:'#preview',
    beforeSubmit:function(e){
        console.log('before');
        $('.progress').show();
    },
    success:function(res, status, xhr, form){
        console.log('che');
        $('.progress').hide();
    },
    error:function(e){
        console.log('error');
    }
}).submit();

我有一个帖子表单,但我想知道如果我的照片上传,如何让Success功能正常工作。似乎根本没有调用该函数。

如果你知道,请帮助我。

1 个答案:

答案 0 :(得分:0)

您使用的是jQuery表单插件吗?如果是这样,请确保将其源添加到HTML并加载且没有错误。

您的代码似乎不完整,是因为您在$('#upload').on('click',function(){内还有其他内容吗?如果没有,请确保关闭该功能,这就是我的意思(我还修复了缩进):

$('#upload').on('click', function() {
    $('#upload_form').ajaxForm({
        url: insert_url,
        type: 'post',
        target: '#preview',
        beforeSubmit: function(e) {
            console.log('before');
            $('.progress').show();
        },
        success: function(res, status, xhr, form) {
            console.log('che');
            $('.progress').hide();
        },
        error: function(e) {
            console.log('error');
        }
    }).submit();
});

还要确保在此代码之前定义了insert_url

如果它仍然不起作用,控制台是否显示“之前”,“之前”或“错误”?