学做网站培训课程介绍

当前位置:

FORM表单写入JS里并无刷新提交不跳转

做网站时,form表单是使用submit()提交的,但是要实现无刷新的提交,当然无刷新提交数据,ajax肯定可以完成,但是由于代码已经很成熟,都是使用form提交的,主要就四步:

  1. 在当前页面建一个iframe 并隐藏(display:none).
  2. 给新建的这个iframe起个名字,例如:id_Iframe
  3. form表单的target属性的值一定要是刚起的这个名字 id_Iframe
  4. 提交表单。就是无刷新了。

实现代码:

下面是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()函数使用方法)

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 特别近有学员问我wordpress安装的时候,出现cannot modify header information – headers already sent by (……)的错误,开始以为是版本问题,于是换了
  • 对于很多网站来说,缺少不了用户留言页面,对于学做网站新手来说,做一个用户留言页面可以使用Wordpress留言板插件。下面是Wordpress留言板插件contac
  • wordpress表单插件contact-form介绍:WordPress联系表单插件 – Contact Form 7 是一款简单易用扩展性灵活的表单插件,可以自定义各式各样不同类型的
  • 很多网站都是注册登录功能,如果想在自己的网站上添加注册,登录功能,就需要制作一个注册、登录表单,制作注册、登录表单是比较简单的,利用DW就可以
  • ASP网站注册框可以通过Dreamweaver CS6破解版软件轻松制作出来,注册框包括:用户名,密码,重复密码,姓名,电话,地址。(相关知识:如何制作网站的
  • 在做网站时,有些页面需要不断的获取数据,现在常用的方法就是通过AJAX 无刷新获取PHP接口数据,这样可以实现在不刷新页面的前提下,不断的获取加载数
  • 做网站时,form表单是使用submit()提交的,但是要实现无刷新的提交,当然无刷新提交数据,ajax肯定可以完成,但是由于代码已经很成熟,都是使用form提
  • 我们通常做网站翻页,会制作分页导航,用户可以点击第一页、第二页……第N页。这样的分页功能就是通过超链接加载新的页面。(制作方法见:WordPress 无