form提交后不刷新

2024-11-02

关于提交form不刷新的问题

最近在做一个项目,除去主页面是html页面,点击菜单按钮都由ajax加载生成,在这种情景下,F5刷新或者提交form表单就会将页面回复到刚刚打开主页面. 现在有一个这样的场景,点击子菜单生成一个子页面,在子页面有一个添加按钮,如图: 在点击添加按钮后会出现一个模态框,将信息录入,如图: 如果直接使用form表单提交那么就会将整个页面刷新,与预想的结果不符,于是在网上找到了设置form的target方法,在这个模态框中设置一个不可见的iframe. <form id="upLoadApp&q

EasyUI Form提交后json数据IE上需要下载（转）

EasyUI Form提交后json数据IE上需要下载(转) 在使用EasyUI的form中的submit方法时,返回json在IE中变成提示下载的问题,代码如下: $('#fileForm').form('submit', { url:"${pageContext.request.contextPath}/sms/send?addFileNumbers", success:function(data){ // change the JSON string to javascrip

Form提交是会刷新页面的

今天发现如果页面中有form,点击提交按钮是会刷新页面的,为了禁止页面刷新行为,可以这么做: <form class="form-horizontal" id="user" role="form" onsubmit="submitUser(event)"> ...... </form> script // function submitUser(event){ //创建用户 event.preventD

form 提交页面不刷新实现

// no redirect <!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html, charset=utf-8"> <meta content="IE=edge" http-equiv="X-UA-Compatible"> <meta name=&quo

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

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

Easyui form提交后input清空的方法

先上解决办法: $(#formid #inputid).val("") 将这个代码放在提交按钮最后就可以了. 我在做一个修改信息的功能时,发现上一次提交的内容在下一次打开的记录里又显示出来,因为有一个input框每一个记录都是不一样的,为了避免操作人员手工清空内容,我打打算在新记录修改时候清空这个input,但是试了好多次,baidu了很多最后发现是一直没有选到指定的标签.如果这个标签在一个弹窗里需要写成$(#winid #formid #inputid).val("&quo

关于Ajax提交后无法刷新iframe页面的问题

原因及解决方法: 要把刷新代码写进ajax的代码块里面,而不是放在后面

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

如何避免form提交进行页面跳转

正常的form表单提交后需要进行页面跳转,如果我们不希望进行页面跳转,那么按以下两个步骤,通过一个iframe就可以解决这个问题: 步骤一:首先在页面中定义一个空的不可见的iframe  <iframe id="iframe_display" name="iframe_display" style="display: none;"></i

form 提交数据编码梳理

之前对form单提交的操作一直都是迷迷糊糊,知道怎么用,但是随着ajax2的出现,我们有更多的方式操作form表单提交,但是底层的原理我们要好好的做个梳理. 常见的form提交有post和get这两种形式,他们对各自的编码都有不同的理解,post适合大量数据的提交,语义上改变了数据状态,get是一种获取获取数据的一种形式,两者在编码上是有不同的实现. 关于编码的 form 标签的属性 accept-charset:可以指定form编码形式 enctype: 规定在发送表单数据之前如何对其进行编码

怎么实现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

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

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

提交form表单不刷新页面案列

提交form表单不刷新页面其实很简单的,这里拿上传图片来举列,大家有什么其它的方法也欢迎留言告知与我 <form action="" method="post" id="IMGFORM" enctype="multipart/form-data" target="upload"> <table>

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",那么返

利用ajaxSubmit()方法实现Form提交表单后回调

1. 背景最近在工作中,需要实现网页端图片上传到FTP服务器的功能.上传文件是用Form表单提交数据的方法向后台传输文件流,在此遇到了一个问题:后台在处理完图片上传功能后,需要向前台回传是否上传成功的状态码.上传失败的错误信息和上传成功后的图片URL.但是,用普通Form表单提交的话,没有办法实现回调函数.后来在小伙伴的介绍下,发现可以用ajaxSubmit()方法来实现此功能. 2. ajaxSubmit()方法简介 (1)ajaxSubmit()依赖 ajaxSubmi

form单提交后按钮变成失效变灰

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>表单提交后按钮变成灰色</title> </head> <body> <form name=form1 method="POST" action="/" tar

通过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

PHP跨域form提交

因为安全性因素,直接跨域访问是不被允许的. 1.PHP CURL方式 function curlPost($url,$params) { $postData = ''; foreach($params as $k => $v) { $postData .= $k . '='.$v.'&'; } rtrim($postData, '&'); $ch = curl_init(); curl_setopt($ch,CURLOPT_URL,$url); curl_setopt($ch,CUR

form 提交数组的一些trick

在给服务器传值时form利用 $.post( "/member/member/book/" + event_id, { tickets: tickets, csrf_ppw_token : csrf_ppw_token, event_id : event_id, },可以将tickets传值一个对象数组.浏览器caputure是tickets[0][fullname]:atickets[0][telephone]:tickets[0][email]:tickets[0][company

springmvc下js控制表单提交（表单提交前检验，提交后获取json返回值）

这个问题我搞了四天,终于搞懂.因为对js很不熟悉.郁闷的是后台代码出错总可以设置断点调试,前端js代码出错只能通过浏览器提供一些运行数据来分析,很不习惯. 首先说下逻辑:这是一个注册功能,我希望,注册前端表单提交后,后台处理后,返回一个json数据,前端用jquery接收,并弹出弹框显示是否注册成功以及提示信息. 所以首先可以,写出后端代码: /** * @ClassName: RegisterController * @Description: Register CONTROLLER类 * @

input为disabled提交后得不到该值的解决方法

input的字段当为diabled时时无法获取数值得,所以最近不要用这个,我们可以用readonly带替代,即可解决这类问题放在form表单中提交后得不到该值. 将disabled=”disabled” 改为 readonly = “readonly” 即可按照W3C的规范:http://www.w3.org/TR/REC-html40/interact/forms.html#h-17.12 设置为disabled的input将会有下面的限制: 不能接收焦点使用tab键时将被跳过可能不是

form提交后不刷新

热门专题