在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 相关文章推荐
HTML中不支持静态Expando的元素的问题
Mar 08 Javascript
js中call与apply的用法小结
Dec 28 Javascript
javascript history对象(历史记录)使用方法(实现浏览器前进后退)
Jan 07 Javascript
JavaScript笔记之数据属性和存储器属性
Mar 31 Javascript
vue.js指令v-model实现方法
Dec 05 Javascript
微信小程序 开发之快递查询功能的实现
Jan 09 Javascript
详解JavaScript数组过滤相同元素的5种方法
May 23 Javascript
对Vue beforeRouteEnter 的next执行时机详解
Aug 25 Javascript
Vue.js组件使用props传递数据的方法
Oct 19 Javascript
JavaScript实现简单的计算器
Jan 16 Javascript
详解小程序横屏方案对比
Jun 28 Javascript
vue+elementUI实现表格列的显示与隐藏
Apr 13 Vue.js
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统计时间和内存使用情况示例分享
2014/03/13 PHP
简单说说PHP优化那些事(经验分享)
2014/11/27 PHP
PHP扩展Swoole实现实时异步任务队列示例
2019/04/13 PHP
PHP实现笛卡尔积算法的实例讲解
2019/12/22 PHP
node.js 一个简单的页面输出实现代码
2012/03/07 Javascript
定义JavaScript二维数组采用定义数组的数组来实现
2012/12/09 Javascript
如何让页面加载完成后执行js
2013/06/26 Javascript
JavaScript lodash常见用法系列小结
2016/08/24 Javascript
几行js代码实现自适应
2017/02/24 Javascript
JavaScript对象_动力节点Java学院整理
2017/06/23 Javascript
在一般处理程序(ashx)中弹出js提示语
2017/08/16 Javascript
vue-cli 自定义指令directive 添加验证滑块示例
2017/10/19 Javascript
BootStrap table实现表格行拖拽效果
2018/12/01 Javascript
vue.draggable实现表格拖拽排序效果
2018/12/01 Javascript
详解VUE里子组件如何获取父组件动态变化的值
2018/12/26 Javascript
vue elementui tree 任意级别拖拽功能代码
2020/08/31 Javascript
Node快速切换版本、版本回退(降级)、版本更新(升级)
2021/01/07 Javascript
[01:02:00]DOTA2-DPC中国联赛 正赛 Elephant vs IG BO3 第三场 1月24日
2021/03/11 DOTA
matplotlib 输出保存指定尺寸的图片方法
2018/05/24 Python
Python使用Pickle库实现读写序列操作示例
2018/06/15 Python
深入理解Python异常处理的哲学
2019/02/01 Python
使用pyecharts生成Echarts网页的实例
2019/08/12 Python
安装pyecharts1.8.0版本后导入pyecharts模块绘图时报错: “所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 ”的解决方法
2020/08/18 Python
Scrapy中如何向Spider传入参数的方法实现
2020/09/28 Python
纯CSS3制作的简洁蓝白风格的登录模板(非IE效果更好)
2013/08/11 HTML / CSS
RentCars.com巴西:汽车租赁网站
2016/08/22 全球购物
英国最大的独立家具零售商:Furniture Village
2016/09/06 全球购物
世界上最大的专业美容用品零售商:Sally Beauty
2017/07/02 全球购物
Envie de Fraise意大利:法国网上推出的孕妇装品牌
2020/10/18 全球购物
医院工作检讨书范文
2014/02/10 职场文书
护理专业自荐书
2014/06/04 职场文书
防邪知识进家庭活动方案
2014/08/26 职场文书
人事任命书范本
2015/09/21 职场文书
解析MySQL索引的作用
2022/03/03 MySQL
python和anaconda的区别
2022/05/06 Python
windows系统安装配置nginx环境
2022/06/28 Servers