H5中如何阻止from表单跳转

 时间:2024-10-21 07:11:04

1、我们先按正常情况创建一个form表单。

H5中如何阻止from表单跳转

2、最后加上一个submit提交按钮。

H5中如何阻止from表单跳转

3、打开页面,点击按钮,正常情况就是会提交数据,进行页面跳转。

H5中如何阻止from表单跳转

4、为了阻止form跳转,我们在form里添加一个onsubmit的事件,然后调用一个方法,注意要在调用的方法前面加上return

H5中如何阻止from表单跳转

5、我们创建调用的方法,假设这个方法就是进行ajax调用,异步提交数据的。

H5中如何阻止from表单跳转

6、在方法的最后, 我们加上return false; 这一句,这一行比较关键,页面不进行跳转就是靠它的。

H5中如何阻止from表单跳转

7、重新运行页面,点击提交按钮,可以看到有调用到方法里的逻辑,而且页面并不会跳转的。

H5中如何阻止from表单跳转
  • Windows10电脑怎样配置系统环境变量
  • eclipse如何修改java(JDK)默认版本
  • PowerDesigner 导入SQL脚本生成物理模型
  • Python编程:正则表达式怎么用句点字符匹配换行
  • ubuntu 怎么查看一个文件的详细信息
  • 热门搜索
    万圣节手抄报 防溺水手抄报简单漂亮 三八妇女节的手抄报 清明节手抄报大全 荷花手抄报 环保手抄报资料 数学手抄报的内容 手抄报版面设计模板 抗击病毒的手抄报 预防艾滋病手抄报