form 表单提交数据 不跳转解决办法

1、  利用隐藏的 iframe —— 只需form的 target 指向iframe的name;可不用form 的action默认提交,自己写ajax 提交数据。

<html>
<body> <form action="" method="post" target="hideIframe">
<input type="file" id="avator" name="avator" />
<input type="submit" id="submitBtn" value="提交" />
</form> <iframe id="myIframe" name="hideIframe" style="display:none;"></iframe> </body>
</html>

2、e.preventDefault(); 禁止默认事件,禁止跳转!

$("#addSubmit").click(function (e) {
 
  e.preventDefault();
  var formData = new FormData($("#addForm")[0]);
  $.ajax({...})
上一篇:javascript EcmaScript5 新增对象之Object.freeze


下一篇:WebMvcConfigure