美文网首页
form表单提交的坑

form表单提交的坑

作者: xixi126 | 来源:发表于2017-07-27 15:09 被阅读0次

一、form表单提交

问题来源:自定义一个函数,函数里面有ajax请求操作,点击表单按钮调用该函数

结果:当我点击提交表单按钮时,调用该函数的同时页面被刷新了

需要解决:提交时页面不被刷新

如何解决?

1.当<input>或<a>标签 的type为“submit”或“image”时,表单会自动提交

2.当<button>的type为"默认"或“submit”时,表单会自动提交

3.当在提交表单的按钮上进行绑定click事件后,自动提交表单前,会执行函数

所以:

           提交表单用form的时候用要么用submit/button提交

           要么就不用form,用div,按钮绑定click事件,就不会出现这样的问题啦

相关文章

  • Web中的常用的两种表单验证

    今天介绍下web开发中常用的两种表单验证,form提交和ajax提交 form提交 表单是通过form提交时,用户...

  • form表单提交的坑

    一、form表单提交 问题来源:自定义一个函数,函数里面有ajax请求操作,点击表单按钮调用该函数 结果:当我点击...

  • 关于post与ajax post的数据类型

    form表单提交 传统的form表单提交只需要一个form标签,指定action、method='POST',并期...

  • 2019-03-04 表单,标签笔记

    1.如果form表单里没有提交按钮则无法提交这个form(除非用js 2.form表单里若没有提交submit按钮...

  • From表单提交数据的几种方式

    目录 1,Form表单的常用属性2,浏览器提交表单时执行步骤3,提交方法4,常见的几种提交方式 form表单常用属...

  • Ajax提交form表单

    ajax提交form表单

  • form表单和ajax文件上传

    通过传统的form表单提交的方式上传文件: 名称 文件 不过传统的form表单提交会导...

  • 02_html&css

    HTML 表单标签

    form标签属性action:表单提交的路径,可以是html,也可以...

  • form表单

    form表单的作用form用于把用户输入的数据提交到后台 name:表单提交时的名称action:提交到的地址...

  • 2019-10-24 表单标签

    今天学习了html表单 HTML表单(

    标签) 属性: 1 action:决定表单提交的地...

网友评论

      本文标题:form表单提交的坑

      本文链接:https://www.haomeiwen.com/subject/eyyzkxtx.html