A-A+

form表单只提交值,而不进行页面跳转

2015年07月23日 JavaScript 暂无评论 阅读 274 次

form表单只提交值,而不进行页面跳转

方法一:

你放个隐藏的iframe,然后把form表单的target属性设置为iframe的name,就可以把标单

方法二:(未成功)

html代码:

  1. <form action="saveReport.htm" method="post">
  2.     ……
  3.     <input type="submit" value="保存报告"/>
  4. </form>

jquery代码:

function saveReport() {
// jquery 表单提交
$("#showDataForm").ajaxSubmit(function(message) {
// 对于表单提交成功后处理,message为提交页面saveReport.htm的返回内容
});
return false; // 必须返回false,否则表单会自己再做一次提交操作,并且页面跳转
}

方法三:不要ajax
直接用js调整 form的target属性和action属性,参数什么的,都在form中以input type=hidden的方式随form提交到目标页面

$("#form1").attr("target", "_blank");
$("#form1").attr("action", "/path/a.aspx");$("#form1").submit();

方法四:ajax 或者jquery ajax

 

 

标签:

给我留言

Copyright © web前端技术开发个人博客 保留所有权利  京ICP备14060653号 Theme  Ality

用户登录