文档章节

表单不刷新页面,请求处理并接收数据

 青竹风
发布于 2016/12/01 11:19
字数 292
阅读 13
收藏 0

页面表单提交,会刷新整个页面,有时候我们提交了form,但是不希望当前页面进行跳转,这样就得做得额外处理了。

要这么做,可以在form中指定一个target,在本页面其他地方写一个iframe,让两者关联起来

就像这样的

<form id="formSubmit"  method="post"  class="form-x" target="ifr"></form>

<iframe id="ifr" name="ifr"  src="${ctx}/baseInfo/blank" style="display:none;" ></frame>


这样进行提交,可以实现提交后,当前页面不会进行刷新等操作。

但是在开发中,还顺带记录几个问题:

  • 如果提交后,需要在返回页面中获取展示返回内容的时候,有一个问题,就是当返回内容是单纯字符串的时候,且字符串是中文,那么在iframe中显示会出现“”????“”乱码,google浏览器下都????,根据网上查询的几种方法设置,都失败了,无法设置iframe的页面编码

  • 返回内容中如果有js内容的话,可以拼接到“<script type='text/javascript'></script>”,这样可以相应的执行到js内容

© 著作权归作者所有

粉丝 0
博文 26
码字总数 10579
作品 0
厦门
私信 提问
java后台接收请求处理是单线程的吗?

前台用ajax请求后台,一个简单的操作,比如提交表单,返回成功后调用另一个ajax请求刷新列表,我后台在接收表单数据后先保存入数据库,然后返回成功,在reponse返回的代码后面接下来继续处理...

malie0
2018/06/04
644
7
javaweb开发之防止重复提交

一、产生表单重复提交可能的情况 1. 由于服务器缓慢或网络延迟等原因,导致用户重复点击提交按钮。 2. 使用forward方式已经提交成功,再次刷新成功页面导致重复提交。 3. 已经提交成功,通过...

小米米儿小
2013/12/05
0
3
防止表单重复提交的八种简单有效的策略

表单重复提交是在多用户Web应用中最常见、带来很多麻烦的一个问题。有很多的应用场景都会遇到重复提交问题,比如: 点击提交按钮两次。 点击刷新按钮。 使用浏览器后退按钮重复之前的操作,导...

为了美好的明天
2018/04/19
0
0
FullCalendar应用——增删改数据操作

FullCalendar可以灵活运用到项目开发中,本站上一篇文章中,我们介绍了如何在FullCalendar新建日程事件,今天我要给大家介绍的是如何在FullCalendar中编辑和删除日程事件,这样我们就完成了F...

蜗牛奔跑
2015/09/23
0
0
DWZ表单提交及关闭当前页面并刷新数据

在DWZ文档中,对于DWZ框架Ajax无刷新表单提交处理流程描述如下: 1. ajax表单提交给服务器 2. 服务器返回一个固定格式json结构 3. js会调函数根据这个json数据做相应的处理 注意: DWZ框架默...

一念三千
2013/03/21
0
6

没有更多内容

加载失败,请刷新页面

加载更多

RDS 5.7三节点企业版时代的数据一致性解决方案

上篇我们看到了在MySQL主备模式下,我们在数据一致性上做了不少事情,但解决方案都有一定的局限性,适合部分场景或者解决不彻底的问题。随着以Google Spanner以及Amazon Aruora 为代表的New...

zhaowei121
14分钟前
1
0
tornadofx使用circle、AnimationTimer、timeline动画演示蒙特卡洛算法求PI值

演示地址:https://www.bilibili.com/video/av59421525 import javafx.animation.AnimationTimerimport javafx.scene.paint.Colorimport javafx.scene.shape.Circleimport javafx.util......

oschina4cyy
19分钟前
0
0
场效应管的使用注意事项

  MOSFET管是FET的一种(另一种是JFET),可以被制构成增强型或耗尽型,P沟道或N沟道共4种类型,但理论应用的只需增强型的N沟道MOS管和增强型的P沟道MOS管,所以通常提到NMOS,或者PMOS指的...

ziliaofenxiang
19分钟前
0
0
Redis介绍

Redis 是一个支持网络、可基于内存亦可持久化的日志型、Key-Value 数据库,并提供多种语言的API Redis是当前比较热门的NOSQL系统之一,它是一个开源的使用ANSI c语言编写的key-value存储系统...

aYongAYong
21分钟前
0
0
Linux Socket编程(不限Linux)

一.填空题: 1. 在Linux系统中,以 文件 方式访问设备 。 2. Linux内核引导时,从文件 /etc/fstab 中读取要加载的文件系统。 3. Linux文件系统中每个文件用 i节点 来标识。 4. 全部磁盘块由...

linux服务器架构
25分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部