FORM表单写入JS里并无刷新提交不跳转
做网站时,form表单是使用submit()提交的,但是要实现无刷新的提交,当然无刷新提交数据,ajax肯定可以完成,但是由于代码已经很成熟,都是使用form提交的,主要就四步:
- 在当前页面建一个iframe 并隐藏(display:none).
- 给新建的这个iframe起个名字,例如:id_Iframe
- form表单的target属性的值一定要是刚起的这个名字 id_Iframe
- 提交表单。就是无刷新了。
实现代码:
下面是FORM表单写入JS里并无刷新提交的实现代码
var nowurl = window.location.hostname;
var t_form = $("<form name='form1' method ='post' action='showquan.php' target='id_iframe'><iframe id='id_iframe' name='id_iframe' style='display:none;'></iframe><input type='hidden' name='mb_url' value="+nowurl+"></form>");
$("body").append(t_form);
$("form[name='form1']").submit();
通过FORM里的 target='id_iframe'来控制提交表单后的转向,它是转到本身页面的iframe里,这样既提交了表单,又不会刷新页面了。
还可以使用这个方法:JQuery 实现点击无刷新提交($.post()函数使用方法)