form 无刷新页面提交表单

表单可实现无刷新页面提交，无需页面跳转，如下:

通过一个隐藏的iframe实现，

form表单的target设置为iframe的name名称，
form提交目标位当前页面iframe则不会刷新页面

<form action="/url.do" method="post" target="targetIfr">
<input type="text" name="name"/>
</form>   
<iframe name="targetIfr" style="display:none"></iframe>

原文地址：https://www.cnblogs.com/juneling/p/8716411.html

时间： 2024-10-12 13:13:39

form 无刷新页面提交表单的相关文章

input ,button, textarea 1)使用disabled , 2) 显示值, 3) 表单提交. 4) jquery.form.js ajaxSubmit() 无刷新ajax提交表单.

1.使用disabled input , button textarea 可以被禁用, 禁用的效果 : 1) 上面的点击事件无法使用 --- button : 下面的 onclick属性不能使用了. ------------------------- input: ------------------------------ textarea 2. input, textaere 显示原先填充的值; input: 写在 value属性上. ---------------

JavaWeb网上图书商城完整项目--day02-4.regist页面提交表单时对所有输入框进行校验

1.现在我们要将table表中的输入的参数全部提交到后台进行校验,我们提交我们是按照表单的形式提交,所以我们首先需要在table表外面添加一个表单 <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core&

.net 刷新页面防止表单二次提交

1.页面上按钮是服务器控件,现在刷新页面要防止按钮事件重复执行原网址:http://blog.csdn.net/high_mount/article/details/51066056

两种办法提交表单

办法1.同一个页面中建立两个表单各自提交: <form action="?" name="form1" id="form1">  <input type="submit" /> </form> <form action="?" name="form1" id="form1">

Ajax提交表单时验证码自动验证 php后端验证码检测

本文通过源码展示如何实现表单提交前,验证码先检测正确性,不正确则不提交表单,更新验证码. 1.前端代码 index.html <!DOCTYPE html> <html> <head> <title>验证码提交自验证</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta htt

submit提交表单

<!DOCTYPE html><html><head> <script src="jquery-1.3.2.min.js"></script> <script type="text/javascript">$(document).ready(function(){ $("#myForm").submit(function(){ var data = $("#myFo

字节字符 utf-8 unicode 以及提交表单验证字符长度 .......

通常我们所说的字其实准确的说是指字符, 字符是指计算机中使用的字母.数字.字和符号,包括:1.2.3.A.B.C.~!·#￥%……—*()——+等等.不同的编码格式下汉字的字节是不同的,比如GBK中是2字节.utf-8中是3字节.iso8859-1严格的用无法表示汉字. utf-8只是Unicode字表(所有的文字有统一的唯一的编码)的一种实现,字节数是变长的.互联网中基本通用utf-8,可以表示全世界的字符. 页面提交表单输入框中限制的长度指的是字符长度即跟字节无关,也就是英文.符号.汉字.数

html提交表单到Servlet

源码地址 https://github.com/YouXianMing/Java-Web-Study/tree/master/Servlet-Form 演示效果(注意post与get提交方式浏览器地址的变化) 文件结构 web.xml配置 MyServlet.java index.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Servlet-F

使用iframe实现页面无刷新提交表单

iframe提交表单其实比ajax要方便一些,当然ajax也有ajax的好处,只是ajax编码处理有时有些麻烦,虽然经过转码是可以解决中文问题,但如果直接使用iframe不存这些问题了,下面来看看. 最近在做一个项目,用到上传图片功能,发现ajax不能enctype="multipart/form-data" 属性的表单,没办法,只能使用form表单直接提交的方法了,但是form表单直接提交会跳转页面,这样很不友好,也不是项目需求,于是上网搜索了一番,发现可以使用隐藏的iframe来实