在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 相关文章推荐
JavaScript下申明对象的几种方法小结
Oct 02 Javascript
jquery tab插件精简版分享
Sep 10 Javascript
jquery在Chrome下获取图片的长宽问题解决
Mar 20 Javascript
js使浏览器窗口最大化实现代码(适用于IE)
Aug 07 Javascript
JavaScript中具名函数的多种调用方式总结
Nov 08 Javascript
JQuery中基础过滤选择器用法实例分析
May 18 Javascript
JavaScript函数的调用以及参数传递
Oct 21 Javascript
AngularJS中使用HTML5手机摄像头拍照
Feb 22 Javascript
Vue 项目中遇到的跨域问题及解决方法(后台php)
Mar 28 Javascript
mac上配置Android环境变量的方法
Jul 08 Javascript
微信小程序 调用远程接口 给全局数组赋值代码实例
Aug 13 Javascript
解决layer.open后laydate失效的问题
Sep 06 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字符串分割函数explode的实例代码
2013/02/07 PHP
使用PHP计算两个路径的相对路径
2013/06/14 PHP
解析CodeIgniter自定义配置文件
2013/06/18 PHP
js window.onload 加载多个函数的方法
2009/11/02 Javascript
16个最流行的JavaScript框架[推荐]
2011/05/29 Javascript
基于JavaScript 下namespace 功能的简单分析
2013/07/05 Javascript
Javascript变量作用域详解
2013/12/06 Javascript
JavaScript学习小结(一)——JavaScript入门基础
2015/09/02 Javascript
WebGL利用FBO完成立方体贴图效果完整实例(附demo源码下载)
2016/01/26 Javascript
详解JavaScript权威指南之对象
2016/09/27 Javascript
Angular路由简单学习
2016/12/26 Javascript
jQuery插件FusionCharts实现的2D面积图效果示例【附demo源码下载】
2017/03/06 Javascript
Node.js实现文件上传的示例
2017/06/28 Javascript
JS排序算法之希尔排序与快速排序实现方法
2017/12/12 Javascript
vue 表单之通过v-model绑定单选按钮radio
2019/05/13 Javascript
[00:36]DOTA2上海特级锦标赛 Alliance战队宣传片
2016/03/04 DOTA
使用Python脚本来获取Cisco设备信息的示例
2015/05/04 Python
Python实现图片转字符画的示例代码
2017/08/21 Python
使用Python机器学习降低静态日志噪声
2018/09/29 Python
Python面向对象程序设计OOP深入分析【构造函数,组合类,工具类等】
2019/01/05 Python
python实现连连看辅助之图像识别延伸
2019/07/17 Python
使用python将excel数据导入数据库过程详解
2019/08/27 Python
Numpy将二维数组添加到空数组的实现
2019/12/05 Python
英国工具中心:UK Tool Centre
2017/07/10 全球购物
英国手机零售商:Metrofone
2019/03/18 全球购物
大学校园毕业自我鉴定
2014/01/15 职场文书
九年级物理教学反思
2014/01/29 职场文书
超市促销活动总结
2014/07/01 职场文书
工地门卫岗位职责范本
2014/07/01 职场文书
岗位安全生产责任书
2014/07/28 职场文书
查摆问题整改措施范文
2014/10/11 职场文书
千与千寻观后感
2015/06/04 职场文书
2015年高中班级工作总结
2015/07/21 职场文书
Python3 如何开启自带http服务
2021/05/18 Python
SQL语句中JOIN的用法场景分析
2021/07/25 SQL Server
Redis 持久化 RDB 与 AOF的执行过程
2021/11/07 Redis