素材巴巴 > 程序开发 >

表单提交数据页面不跳转

程序开发 2023-09-13 13:19:04

先看需求:

点击——立即购买 按钮

会弹出一个二级菜单,需要用户继续选择

这个二级菜单有——继续购物,结账 —— 两个按钮,

那么我需要在点击图1的——立即购买——之后向后端提交购物数据,并且弹出二级菜单

这就要求点击按钮时,向后端提交数据,同时不跳转页面,

需求解释完毕,上代码

需要用到的包有  jquery.form.min.js  

这是jquery的一个插件,不要下错了

 
 

主要的form代码

***************************
************************

表单提交到/shopover处理,处理的数据是input,表单由button按钮提交

整体思路:

页面点击按钮——立即购买——后,提交到sub()方法,数据交给sub()方法中的ajaxsubmit方法,提交到后端,同时返回false阻止页面跳转,之后button按钮去跳转到二级小菜单,至此需求完成

主要知识点,

form的οnsubmit=false时,能阻止表单提交时页面跳转

jquery.form.min.js的ajaxsubmit()方法能异步提交数据


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。