ajaxForm 使页面重定向而不是发回数据答案

【问题标题】：ajaxForm makes page redirect instead of sending the data backajaxForm 使页面重定向而不是发回数据
【发布时间】：2014-11-24 07:11:01
【问题描述】：

您好，我尝试使用 ajaxForm 将图片上传到我的服务器。

我的问题是页面重定向到表单操作中的 URL。

这是我的 ajax 代码：

$("#uploadPicture").html("<form action='actionFilters/TrainerActionFilter.php' method='post' enctype='multipart/form-data' id='pictureUpload'><input type='file' name='picture'/><input type='submit' name='pictureUpload' id='pictureUploadButton' value='Submit' />);

$('#pictureUpload').ajaxForm(function(data)
{

});

如果我发送到相同的地址普通 ajax（不是 ajaxform）我没有这个问题。

【问题讨论】：

标签： php ajax ajaxform

【解决方案1】：

不是 100% 确定，但您可以尝试使用 ajaxForm 的 beforeSubmit 函数吗？

var ajaxFormOptions = 
{
    beforeSubmit: function() 
    {
        alert("Your action before here");
    }
};  

$('#pictureUpload').ajaxForm(ajaxFormOptions);

【讨论】：

【解决方案2】：

如果您想在自定义 js 函数中捕获提交，请将 onSubmit="return false;" 添加到表单中

$("#uploadPicture").html("<form action='actionFilters/TrainerActionFilter.php' onSubmit='return false;' method='post' enctype='multipart/form-data' id='pictureUpload'><input type='file' name='picture'/><input type='submit' name='pictureUpload' id='pictureUploadButton' value='Submit' />");

$('#pictureUpload').ajaxForm(function(data)
{

});

【讨论】：