在jQuery ajax中按钮button和submit的区别分析


Posted in Javascript onOctober 07, 2012
<script type="text/javascript"> 
$(document).ready(function(){ 
$("#submit").click(function(){ 
$.post("sendPwd.php",{QQnum:$("#QQnum").val(),psw:$("#psw").val()},function(data){ 
$("#aaa").html(data); 
},"html"); 
}); 
}); 
</script>

jQuery ajax的post方法这样写应该是没有问题的,点击submit提交按钮,sendPwd.php通过$_POST接收传过来的值,然后echo一段数据。然而却始终无法显示传回来的值。原因在这里:
<input type="submit" name="submit" id="submit" value="提交" />

提交按钮的类型是submit,点击之后毫无反应。因为无意发现有次点击瞬间结果出来了,又变回去了,于是发现诡异,上网一查,发现大部分都把按钮设置成button类型,于是改成button之后,问题解决了。

按钮button和submit有什么区别呢?
submit主要是提交表单,是一个特殊的button,执行提交动作,button主要配合用javascript操作,本身就是一个按钮,这是根本区别。如果要使用submit,验证需要return false。本人觉得还是设置成button更加方便操作。

Javascript 相关文章推荐
用jscript实现新建word文档
Jun 15 Javascript
基于编写jQuery的无缝滚动插件
Aug 02 Javascript
JavaScript中的getTime()方法使用详解
Jun 10 Javascript
jQuery实现Tab选项卡切换效果简单演示
Nov 23 Javascript
jQuery使用zTree插件实现树形菜单和异步加载
Feb 25 Javascript
js判断主流浏览器类型和版本号的简单实现代码
May 26 Javascript
快速解决js动态改变dom元素属性后页面及时渲染的问题
Jul 06 Javascript
jquery-mobile基础属性与用法详解
Nov 23 Javascript
微信小程序 简单教程实例详解
Jan 13 Javascript
JS判断微信扫码的方法
Aug 07 Javascript
讲解vue-router之什么是编程式路由
May 28 Javascript
koa2+vue实现登陆及登录状态判断
Aug 15 Javascript
js自动闭合html标签(自动补全html标记)
Oct 04 #Javascript
Javascript操作cookie的函数代码
Oct 03 #Javascript
关于锚点跳转及jQuery下相关操作与插件
Oct 01 #Javascript
仿新浪微博返回顶部的jquery实现代码
Oct 01 #Javascript
页面回到顶部的三种实现(锚标记,js)
Oct 01 #Javascript
javascript动画对象支持加速、减速、缓入、缓出的实现代码
Sep 30 #Javascript
IE8提示Invalid procedure call or argument 异常的解决方法
Sep 30 #Javascript
You might like
PHP小程序自动提交到自助友情连接
2009/11/24 PHP
浅谈php提交form表单
2015/07/01 PHP
php学习笔记之mb_strstr的基本使用
2018/02/03 PHP
PHP面向对象五大原则之里氏替换原则(LSP)详解
2018/04/08 PHP
使用PHPUnit进行单元测试并生成代码覆盖率报告的方法
2019/03/08 PHP
PHP实现的策略模式示例
2019/03/20 PHP
解析Javascript中难以理解的11个问题
2013/12/09 Javascript
jquery比较简洁的软键盘特效实现方法
2015/03/19 Javascript
jquery UI Datepicker时间控件的使用方法(加强版)
2015/11/07 Javascript
微信小程序 video组件详解
2016/10/25 Javascript
jQuery Ajax实现跨域请求
2017/01/21 Javascript
bootstrap table 数据表格行内修改的实现代码
2017/02/13 Javascript
JavaScript实现的XML与JSON互转功能详解
2017/02/16 Javascript
jQuery+Ajax实现用户名重名实时检测
2017/06/01 jQuery
Vue中使用vux配置代码详解
2018/09/16 Javascript
vue cli3 配置proxy代理无效的解决
2019/10/30 Javascript
[01:05:29]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Aster BO3 第二场 1月24日
2021/03/11 DOTA
python实现zencart产品数据导入到magento(python导入数据)
2014/04/03 Python
python 打印出所有的对象/模块的属性(实例代码)
2016/09/11 Python
python批量替换页眉页脚实例代码
2018/01/22 Python
pytorch 把MNIST数据集转换成图片和txt的方法
2018/05/20 Python
对pyqt5之menu和action的使用详解
2019/06/20 Python
python实现网站用户名密码自动登录功能
2019/08/09 Python
Python re 模块findall() 函数返回值展现方式解析
2019/08/09 Python
Python threading.local代码实例及原理解析
2020/03/16 Python
Python爬虫之Selenium设置元素等待的方法
2020/12/04 Python
AmazeUI的JS表单验证框架实战示例分享
2020/08/21 HTML / CSS
企业军训感想
2014/02/07 职场文书
家长对学生的评语
2014/04/18 职场文书
关于读书的演讲稿1000字
2014/08/27 职场文书
银行柜员与客户起冲突检讨书
2014/09/27 职场文书
银行会计主管岗位职责
2014/10/01 职场文书
2014年租房协议书范本
2014/10/30 职场文书
公司慰问信范文
2015/03/23 职场文书
入党转正申请自我鉴定
2019/06/25 职场文书
xhunter1.sys可以删除嘛? win11提示xhunter1.sys驱动不兼容解决办法
2022/09/23 数码科技