如何防止重定向到表单提交

我试图上传一个包含多个文件的表单到我的服务器，请求将更正Action，我也得到一些数据，但所有文件都带有空值。如何防止重定向到表单提交

var file = function(){ 
 
this.submitForm = function() {  
 
    $("#addBrtForm").ajaxSubmit(function (response) { 
 
    if (response === "Barter Uploaded Successfully") { 
 
     alert(response); 
 
     $.mobile.changePage("#p-afterUpload"); 
 
     t.somefunction(); 
 
    } else { 
 
     alert("Try Again!! Barter Not Uploaded"); 
 
    } 
 
}); 
 
}; 
 
}; 
 
hm.files = new file(); 
 

 
//other thing that I tried 
 
$(function(){ 
 
    
 
    $('#addBrtForm').ajaxForm({ 
 
     type: 'POST', 
 
     beforeSubmit: function() { 
 
      return false; 
 
     }, 
 
     success: function (response) { 
 
      return false; 
 
      if (response === "Barter Uploaded Successfully") { 
 
       
 
       alert(response); 
 
       $.mobile.changePage("#p-barter"); 
 
       t.setBarterpageTitle('My Barter'); 
 
      } else { 
 
       alert("Try Again!! Barter Not Uploaded"); 
 
      }   
 
     } 
 
    }); 
 
});

<form method="post" action="http://localhost:xxxx/Mobile/Home/FileUpload" enctype="multipart/form-data" data-ajax="false" id="addBrtForm" name="addBrtForm" > 
 
    <input type="text" name="Title" data-role="none" /> 
 
    <input type="text" name="Description" data-role="none" /> 
 
    <input type="file" name="files" data-role="none" multiple /> 
 
    <input type="file" name="files" data-role="none" multiple /> 
 
    <input type="file" name="files" data-role="none" multiple /> 
 
    <input type="file" name="files" data-role="none" multiple /> 
 
    <input type="file" name="files" data-role="none" multiple /> 
 
    <input type="Submit" name="" value="submit" data-role="none" multiple /> 
 
    <input type="Button" name="" value="submit" data-role="none" multiple onclick="hm.files.submitForm()"/> 
 
    </form>

它可以正常使用没有“ajaxSubmit会”，但页面重定向到“http://localhost:xxxx/Mobile/Home/FileUpload”，我不想拿出那一页，我只是想赶上我的反应并基于该

我控制器上做一些

public ActionResult FileUpload(FormCollection fc, List<HttpPostedFileBase> files) 
    { 
     //some functionilty to save data working perfectely 

     return Json(SuccesMessage, JsonRequestBehavior.AllowGet); 
    }

*注 - 因为我使用jQuery Mobile的所以在我的项目没有意见

来源

2016-02-08 Manjeet Singh

你使用什么插件？它支持上传文件吗？另请参阅[这个答案]（http://stackoverflow.com/questions/29293637/how-to-append-whole-set-of-model-to-formdata-and-obtain-it-in-mvc/29293681#29293681 ） –

http://malsup.com/jquery/form/#faq - 我使用这个插件，它支持文件上传，检查你提供的链接，检查后会更新 –

不熟悉插件，但你需要取消默认提交动作（即添加'return false;'作为脚本的最后一行）？ –

-1

添加id到submit按钮。

<input type="Button" name="" id="submit" value="submit" data-role="none" multiple/>

然后在JavaScript这样做

  $(function(){ 
      $('#submit').click(function(e){ 
       Do Your stuf here 
       e.preventDefault(); 
      }); 
     }

来源

2016-02-08 09:55:14 anand

我已经在表单标签的action参数中添加了url（是不够的） –

感谢接受的答案上this post和 Stephen Muecke的建议我把眼光放在这个问题等。

我did-

删除action属性从点击代替提交
使用AJAX作为参考链接给数据发布我的表单标签
。

我编辑的JS如下所示

var formdata = new FormData($('#addBrtForm').get(0)); 
 
      $.ajax({ 
 
       url: "http://localhost:xxxx/Mobile/Home/FileUpload", 
 
       type: 'POST', 
 
       data: formdata, 
 
       processData: false, 
 
       contentType: false, 
 
       dataType: "json", 
 
       success: function (response) { 
 
        if (response === "File Uploaded Successfully") { 
 
         alert(response); 
 
         $.mobile.changePage("#p-afterUpload"); 
 
         t.someFunction(); 
 
        } else { 
 
         alert("Try Again!! File Not Uploaded"); 
 
        } 
 
       }, 
 
       error: function (e) { 
 
        alert("Network error has occurred please try again!"); 
 
       } 
 
      });

改变控制器动作这一点 -

public ActionResult FileUpload(UploadModel fm, List<HttpPostedFileBase> files) 
{ 
    //some functionilty to save data working perfectely 

    return Json(SuccesMessage, JsonRequestBehavior.AllowGet); 
}

- UploadModel是具有相同的名称，因为我曾经在我的模型我的表格

来源

2016-02-08 11:25:48

如何防止重定向到表单提交

回答

相关问题