成功ajax表单提交后链接不起作用

时间:2013-10-23 20:24:13

标签: javascript jquery ajax forms

我正在使用jQuery 1.7.1,我正在提交一个ajax表单。成功之后,我将返回一些带有链接的文本。当我点击链接时,它不起作用。我还想通过链接而不是提交按钮提交表单。这是我到目前为止,提交工作正常。

$(function () {
    var myformselector = "#UploadFile";
    $(myformselector).submit(function (e) {
        //prevent Default functionality
        e.preventDefault();
        var values = new FormData($(this)[0]);
        $.ajax({
            url: '[file]',
            type: 'post',
            data: values,
            cache: false,
            async: false,
            contentType: false,
            processData: false,
            beforeSend: function () {
                $('#loader').show();
                $('#UploadFile').fadeOut('slow');
            },
            success: function (data) {
                $("#UploadFile").html(data);
                $("#UploadFile").fadeIn('slow');
                $("#loader").hide();
            }
        });
        return false;
    });
});

1 个答案:

答案 0 :(得分:0)

您的元素ID中不能包含#

可能是你的意思var myformselector = "#UploadFile"&然后$(myformselector)会有意义。

您将它用于所有选择器和放大器你需要更新它们中的每一个