jq form表单提交后不跳转

2024-10-28

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表单提交后不重新刷新当前页面

怎么实现表单提交后不重新刷新当前页面如何实现表单提交后不重新刷新当前页面 <form name='form1' id='form1' action='/xbcw/cw/xx_xx.action' method='post'> <input type="button" id="btnSubmit" name="btnSubmit" value="保存" onclick="addKp()&qu

同事朋友ajax,最近在弄公司业务电话机,自主搭建,买的设备. 其中最主要功能是前端发起呼叫,通过浏览器触发设备进行呼叫功能,走后台呼叫还不行. 需求是这样的: 前端给设备ip发送特定的一段xml信息. <?xml version="1.0" encoding="UTF-8"?> …… 我一开始就用了ajax.发现无论是jq的还是原生的,都不行...没办法,不知道是哪儿的问题.于是就用form表单处理提交了. 成功了,嗯,新的问题又来了.成功的回执信息大

Jquery实现form表单提交后局部刷新页面的多种方法

最近做一个小项目,刚好需要用到搜索功能,实现搜索框内输入数据然后按回车或者点击“提交”,然后给后台数据库处理并返回数据给前端,在前端局部更新数据. 但是遇到了一个小问题,就是form表单下任意输入框输入完按回车提交,整个页面都会刷新,就算我用ajax从后台取出数据返回前端把页面更新了,整个页面还是会立马刷新成原来的样子. 问题和ajax其实并没有太大关系.是js部分要进行一定的转换. 测试代码: <!DOCTYPE html> <html lang="en">

DEDECMS自定义表单提交后的跳转链接修改方法

dedecms自定义表单,点击提交后,默认跳转到首页,我们打开plus/diy.php,里面有这样一段代码: 代码如下:if($dsql->executenonequery($query)) { $id = $dsql->GetLastID(); if($diy->public == 2) { //diy.php?action=view&diyid={$diy->diyid}&id=$id $goto = "diy.php?action=list&

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

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

form表单提交后结果乱码的解决方法

1.产生乱码原因:表单提交使用的method="get",get方式数据都是通过地址栏传输,数据会以iso-8859-1方式传输,因此产生乱码 2.概念:URI: Uniform ResourceIdentifiers,通用资源标识符,有效的URI中不能包含某些字符,例如空格 3.解决编码和解码的方法: (1)js中decodeURIComponent() 函数的定义与用法: 定义:decodeURIComponent() 函数编码的URI进行解码[encodeURIComponent

EXTJS4.0 form 表单提交后回调函数不响应的问题

在提交表单后,应返回一个 JSON 至少要包含{success:true} 否则,EXT 不知道是否成功,没有响应. {success:true,msg:'成功',Url:'http://www.baidu.com'}

SpringMVC中前端Form表单提交后跳转不过去的问题

今天晚上打算谢谢Spring整合这个内容,写的差不多之后运行出现了各种问题逐一排查首先有一个(MyEclipse10) 一: class path resource [spring-mvc.xml] cannot be opened because it does not exist (错误不完全一致,当时排错的时候忘了截图保存,下次留意一下) 报错说是没有找到我的配置文件,我感觉奇怪明明我写了呀于是我就开始百度找错误点,有一篇说是将classpath后边加上*,原因是这样不仅可以在c

form + iframe 获取表单提交后返回的数据

原理: submit 提交表单没有回调函数,但是可以用iframe来接收返回结果,最后进行格式转换就ok了: 原文地址: http://blog.csdn.net/simeng_1016/article/details/48008359 html: 部分代码 <form id="form_addcompress" action="/rest/upload" method="post" enctype="multipart/form

Layui form表单提交注意事项

// 表单提交form.on('submit(first1)', function (data) { var articleFrom = data.field; $.ajax({ type:"POST", url:"/user/upDate", data:articleFrom, dataType:"JSON", success:function (data) { if(data.flag){ layer.closeAll(); } } });

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

flask用宏渲染表单模板时，表单提交后，如果form.validate_on_submit()返回的是false的可能原因

flask用宏渲染表单模板时,表单提交后,提交的内容符合DataRequired()校验, 但是form.validate_on_submit()返回的是False, 原因可能是表单模板中的<form>中没有指明请求的方法'get'或'post' flask_wtf类的validate_on_submit()方法校验两个地方:1-表单提交的方法 2-提交的内容非空如果没有指定请求的方法,这个校验方法就会返回False 下面代码中,如果没有method="post",那么返

PHP关于表单提交后 post get分页

PHP关于表单提交后分页函数的那点事--POST表单分页实现 phpfunctionclass加密inputjavascript 说到分页,其实你在Google一搜一大把.大部是通过GET实现,还有的是利用数据库查询的Limit来实现分页.当然表单也可以通过GET方式来提交,实现分页,就得把实现分页需用到参数用GET方式附在URL后面如这样: http://127.0.0.1/search.php?page=1&参数1=参数1值当然我们有的时候并不想让别人知道我们要提交什

form表单提交行为

项目中有一个表单如下图,当我填完数据源名称这个input后,点击回车键本意是想跳到下一个input处,然而呢却触发了下面的添加这个按钮的事件,这是怎么回事呢,明明添加这个按钮并没有设置type="submit"呀,经过一番查询终于知道了,表单中的button若没有设置type属性它默认是submit类型的,因此需要把它明确设定为非submit类型或不用button标签. 表单的提交行为,可以用两种方式定义,一是form表单自身,二是form表单的button元素(包括type='sub

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

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

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=

jQuery Form 表单提交插件-----formSerialize，fieldSerialize，fieldValue，resetForm，clearForm，clearFields的应用

一.jQuery Form的其他api 1. formSerialize 将表单序列化成查询串.这个方法将返回一个形如: name1=value1&name2=value2的字符串.是否可以连环调用: 否, 这个方法返回的是一个字符串. 例子: var queryString = $('#myFormId').formSerialize(); // the data could now be submitted using $.get, $.post, $.ajax, etc $.post(

jQuery Form 表单提交插件----Form 简介，官方文档，官方下载地址

一.jQuery Form简介 jQuery Form插件是一个优秀的Ajax表单插件,可以非常容易地.无侵入地升级HTML表单以支持Ajax.jQuery Form有两个核心方法 -- ajaxForm() 和 ajaxSubmit(), 它们集合了从控制表单元素到决定如何管理提交进程的功能.另外,插件还包括其他的一些方法: formToArray().formSerialize().fieldSerialize().fieldValue().clearForm().clearFields(