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

最新推荐文章于 2023-08-25 22:23:42 发布

weixin_34221773

最新推荐文章于 2023-08-25 22:23:42 发布

阅读量794

点赞数

文章标签： php java

原文链接：http://www.cnblogs.com/xiaomaotao/p/9590417.html

版权

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({...})

转载于:https://www.cnblogs.com/xiaomaotao/p/9590417.html

优惠劵

weixin_34221773

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
form 表单提交数据不跳转解决办法

1、利用隐藏的 iframe —— 只需form的 target 指向iframe的name；可不用form 的action默认提交，自己写ajax 提交数据。<html> <body> <form action="" method="post" target="hideIframe"> ...
复制链接

扫一扫