Form之action提交不刷新不跳转

<div class="file-box"> <form action="/File/fileUpLoad" id="form1" name="form1" method="post" target="id_iframe"> <input type="text" id="input_text" name="i…

form表单提交不刷新页面的方法

方法1:给form表单加onsubmit事件,值为return false; <form action="" method="post" onsubmit="return false"> <button type="submit" class="btn btn-primary">提交</button> </form> 方法2:在FORM表单后添加一个ifra…

关于form表单提交数据后不跳转页面+ajax接收返回值的处理

1.前台的form表单建立,注意action.enctype的内容, 2.通过添加一个隐藏的iframe标签使form的target指向iframe来达到不跳转页面的效果,同时需要在js里获取iframe里的内容(即后台利用GSON传回来的返回值). 代码部分: <form id="form1" action="../PublishPostingsServlet" enctype="multipart/form-data" metho…

js form表单提交后如何可以不刷新页面的解决办法

表单可实现无刷新页面提交,无需页面跳转,如下: 通过一个隐藏的iframe实现, form表单的target设置为iframe的name名称,form提交目标位当前页面iframe则不会刷新页面 <form action="/url.do" method="post" target="targetIfr"> <input type="text" name="name"/> </…

js模拟form表单提交数据, js模拟a标签点击跳转，避开使用window.open引起来的浏览器阻止问题

js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题 js模拟form表单提交数据源码: /** * js模拟form表单提交 * @param {object} 参数对象 * url 必填提交地址 * methond 选填默认post 提交方式 post get * target 选填默认_self 当前页面还是新页面 _self _blank * 其它参数 */ function jsFormSubmit(params) { va…

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

1. 利用隐藏的 iframe —— 只需form的 target 指向iframe的name:可不用form 的action默认提交,自己写ajax 提交数据. <html> <body> <form action="" method="post" target="hideIframe"> <input type="file" id="avator" name=…

通过jquery实现form表单提交后不跳转页面，保留当前页面

jquery代码: <script type="text/javascript" src="../js/jquery-1.8.3.min.js"></script> <script type="text/javascript" src="../js/jquery-form.js"></script> <script type="text/javascript&qu…

form表单提交路径action="" 时的一种特殊情况

一.说明: 当页面的form表达的action=""时,表示表单会提交到当前页面,但是如果当前页面的URL里已经带有一个参数了,每次提交表达时这个参数依然存在,不管form表单里有没有提交该参数. 例如: <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <% String path = request.getContex…

Form表单中的action提交路径问题

Form表单中的action提交路径问题 Form表单action属性和method属性的一些问题: 我遇到的是Form表单提交到servelet处理时遇到的问题:(1)<form name="form1" action="①?" method=“②?”> //表单的内容 </form> (2)对应的处理用户请求的servlet类为HelloServlet.java: (3)配置web.xml文件:<servlet&g…

【教训】 form表单提交时，action url中参数无效

今天提交一个表单,内容参考如下: <form action="add.php?a=123&b=456"> <input type="hidden" name='user_id' value="46" /> <input type="hidden" name='user_name' value="snsgou" /> ... <…

php form表单提交时，action url中参数无效的解决方法

表单提交时get方式的一个错误 <form class="form-inline pull-right" method="get" action="<?=Url::to(['list', 'id' => $id, 'parentId' => $parentId]);?>"> <input type="text" name="object" class="f…

JavaScript Post提交数据并跳转到页面（模拟Form表单提交）

function GotoWatchTicketCode() { var orderID='@ViewBag.OrderInfo.OrderID'; var phoneNum='@ViewBag.OrderInfo.CustomerPhone'; var codes = @Html.Raw(Json.Encode(ViewBag.OrderInfo.TicketCodes)); var pra = new Object(); pra.OrderID = orderID; pra.PhoneNum…

24.form表单提交的六种方式

form表单提交方式 1.无刷新页面提交表单表单可实现无刷新页面提交,无需页面跳转,如下,通过一个隐藏的iframe实现,form表单的target设置为iframe的name名称,form提交目标位当前页面iframe则不会刷新页面 <form action="/url.do" method="post" target="targetIfr"> <input type="text" name="…

thinkPHP5.0使用form表单提交数据和删除文章，不用TP的提示页面，使用弹出提示信息

form表单提交数据和删除文章时,TP的默认信息提示页面的看起来不是很好看,想要实现弹窗提示怎么做呢? 前端:可以使用前端的一个知识--iframe,iframe元素会创建包含另外一个文档的内联框架:target,规定在何处打开链接文档. 另外想要实现一个好看的方便.能重复使用的弹窗就要开发一个弹窗插件了,这里推荐使用前端的弹窗插件sweetalert.js,为了方便.重复使用我们把它成封装一个函数,页面要引入sweetalert.js的css和js文件后端:为了方便以后重复使用,先写一个公共…

不使用Ajax，如何实现表单提交不刷新页面

不使用Ajax,如何实现表单提交不刷新页面? 目前,我想到的是使用<iframe>,如果有其他的方式,后续再补. 举个栗子: 在表单上传文件的时候必须设置enctype="multipart/form-data"表示表单既有文本数据,又有文件等二进制数据.但是使用用Ajax没有enctype="multipart/form-data",所以不能直接上传文件,所以采用FormData对象包含数据上传. 这里我们不使用Ajax,直接提交表单,添加一个隐藏得i…

Form表单提交数据的几种方式

一.submit提交在form标签中添加Action(提交的地址)和method(post),且有一个submit按钮(<input type='submit'>)就可以进行数据的提交,每一个input标签都需要有一个name属性,才能进行提交. <form action='http://www.123.com/postValue' method='post'> <input type='text' name='username' /> <input type=…

form表单提交过程

本文为转载文章! 今天,我将站在HTML和单纯的Asp.net框架的角度来解释它们的工作方式,因此,本文不演示WebForms服务器控件的相关内容. 简单的表单,简单的处理方式好了,让我们进入今天的主题,看看下面这个简单的HTML表单. <form action="Handler1.ashx" method="post" > <p>客户名称: <input type="text" name="Custom…

jquery的ajax提交后，会跳转页面

今天在写代码的时候,遇到一个很奇怪的问题,一个form表单,用的是ajax的方式提交.结果,在服务器端php中,使用exit(),函数后都不能停止,并且继续跳转到本页.请求如下: 第一个请求中,其实我已经停止了代码,但程序并没有执行到,但返回的也是200状态码. 虽然,请求返回的是200,但查看reponse时,却发现是空的. 后来经过排查发现,原来是前端写的页面已经在input控件上,写好了type="submit"(都怪自己粗心,居然没看看),然后真相大白了.原因是,提交按钮绑定了…

Form表单提交，Ajax请求，$http请求的区别

做过前端同学想必都避免不了要和后台server打交道.而以下这三种与后台交互的方式想必大家都不陌生. Form表单提交,Ajax请求,Angular的$http请求以前一直搞不清楚什么时候应该用哪种方式请求数据,正好最近在做文件上传相关业务,顺便对这三种方式的使用场景及区别做个简单总结. 用法以下是三种请求方式的API详细介绍: Form: https://www.w3schools.com/html/html_forms.asp Ajax: http://api.jquery.com/jQ…

form 表单提交返回值问题

form不比ajax,即使后台返回值后,在页面也不知道怎么去取值判断提交状态.所以前几天结合网上资料整了一个小案例,需要用到ajaxSubmit,即通过ajax来提交表单,好处在于可以在任何情况下进行表单的提交,案例如下: form: <form action='' id="myform"> 用户名:<input type="text" name="username"/> 密码:<input type="…

Form 表单提交的几种方式

简单的总结一下form表单提交的几种方式:1.最简单的方式就用form的submit提交方式,这种提交方式是不需要回调函数的这种方式最近到一个form提供action路径后台接受就可以<1form action="uploadify/getJsonText.do" method="post" id="textForm" enctype="multipart/form-data"> <1inpu…

Jquery组织Form表单提交之Form submission canceled because the form is not connected

有时候导出Excel时需要根据某些条件筛选数据,然后将数据通过NPOI生成Excel并导出.组织数据时可以通过放到一个表单中,某些场景是使用脚本(如:jquery)组织一个form(通过字符串拼接),然后将这个from的转换成jquery对象或者Dom对象,再调用对应的submit方法. 例子如下,有一个html页面 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" co…

django 使用form组件提交数据之form表单提交

django的form组件可以减少后台在进行一些重复性的验证工作,极大降低开发效率. 最近遇到一个问题: 当使用form表单提交数据后,如果数据格式不符合后台定义的规则,需要重新在前端页面填写数据. 分析问题: 由于form的POST 请求发出去后会刷新整个页面,自然无法保留上次输入的内容. 解决问题: 采用ajax的方式发出请求,避免刷新整个页面. ajax是脑海里第一个冒出的想法,但经过了解form组件内部的更多参数以及原理,发现其实也可以在form发出 POST请求时保留上次输入的内容.这…