手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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

时间:2024-10-13 06:30:09

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表单提交后怎么保留原数据
© 手抄报圈