form表单提交后怎么保留原数据

 时间:2024-11-05 18:57:55

web工作者经常必须要接触到表单,比如登录之类的,但是在用户提交的情况下,从后台返回结果后,会导致表单内容消失,那么要怎么留住表单中的内容呢

工具/原料

jquery

方法/步骤

1、创建表单,并且给表单设置一个唯一标示,比如设置一个id

form表单提交后怎么保留原数据

2、引入jquery,jquery可以在中文网找到cdn在线引入,也可以下载好,在本地引入,在这里我只是为了演示,所以在线引入

form表单提交后怎么保留原数据

form表单提交后怎么保留原数据

3、给form表单中的submit绑定click事件,并螅岔出礤在事件中使用ajax方法,具体代码如下,url即是form表单中的action,type是action,dataType代表的块吧吨翘是编码形式,success代表成功提交到后台并且后台所要执行,res是从后台返回的内容,serialize代表id为form1这个表单的所有会提交到后台的内容。

form表单提交后怎么保留原数据

4、此时就已经做好了所有的准备工作了,可以进行测试了,在success里面让结侈砉齿垃果在控制台打印,可以看到自己输入的东西如实从后台返回了,而且表单里面用户输入的内容都在。赶紧来试试吧!

form表单提交后怎么保留原数据

form表单提交后怎么保留原数据

oracle集群如何修改scanip 换新iphone怎么和手表配对 怎样自己制作音乐链接 crt怎么连接交换机ensp模拟器 在win10画图3D软件中添加纹理
热门搜索
为我而生动漫在线观看 事故图片 3d姐弟关系第三集动漫 秦兵马俑图片 2020最火的伤感图片