在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 相关文章推荐
Extjs中使用extend(js继承) 的代码
Mar 15 Javascript
利用jQuary实现文字浮动提示效果示例代码
Dec 26 Javascript
js定时器的使用(实例讲解)
Jan 06 Javascript
浅析JS中document对象的一些重要属性
Mar 06 Javascript
javascript的tab切换原理与效果实现方法
Jan 10 Javascript
详解Node.js中的事件机制
Sep 22 Javascript
Express URL跳转(重定向)的实现方法
Apr 07 Javascript
JS如何设置元素样式的方法示例
Aug 28 Javascript
详解Node全局变量global模块
Sep 28 Javascript
vue-router2.0 组件之间传参及获取动态参数的方法
Nov 10 Javascript
Vue简单封装axios之解决post请求后端接收不到参数问题
Feb 16 Javascript
微信小程序基础教程之echart的使用
Jun 01 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 sprintf() 函数的应用(定义和用法)
2012/06/29 PHP
教你如何用php实现LOL数据远程获取
2014/06/10 PHP
php使用Jpgraph绘制3D饼状图的方法
2015/06/10 PHP
PHP中串行化用法示例
2016/11/16 PHP
关于Laravel参数验证的一些疑与惑
2019/11/19 PHP
JQuery下的Live方法和$.browser方法使用代码
2010/06/02 Javascript
在标题栏显示新消息提示,很多公司项目中用到这个方法
2011/11/04 Javascript
javascript中setTimeout和setInterval的unref()和ref()用法示例
2014/11/26 Javascript
jQuery获得document和window对象宽度和高度的方法
2015/03/25 Javascript
手机图片预览插件photoswipe.js使用总结
2016/08/25 Javascript
利用js判断手机是否安装某个app的多种方案
2017/02/13 Javascript
vue 2.0组件与v-model详解
2017/03/27 Javascript
javaScript之split与join的区别(详解)
2017/11/08 Javascript
vue项目持久化存储数据的实现代码
2018/10/01 Javascript
Javascript中弹窗confirm与prompt的区别
2018/10/26 Javascript
mpvue微信小程序的接口请求fly全局拦截代码实例
2019/11/13 Javascript
js实现打字小游戏
2019/12/17 Javascript
vue使用better-scroll实现滑动以及左右联动
2020/06/30 Javascript
vue data变量相互赋值后被实时同步的解决步骤
2020/08/05 Javascript
使用python加密自己的密码
2015/08/04 Python
Python自动化部署工具Fabric的简单上手指南
2016/04/19 Python
Python获取数据库数据并保存在excel表格中的方法
2019/06/12 Python
Python + OpenCV 实现LBP特征提取的示例代码
2019/07/11 Python
Python 中pandas索引切片读取数据缺失数据处理问题
2019/10/09 Python
Python叠加矩形框图层2种方法及效果
2020/06/18 Python
Luxplus瑞典:香水和美容护理折扣
2018/01/28 全球购物
英国最大的独立摄影零售商:Park Cameras
2019/11/27 全球购物
Wallis官网:英国女装零售商
2020/01/21 全球购物
请编写一个 C 函数,该函数在给定的内存区域搜索给定的字符,并返回该字符所在位置索引值
2014/09/15 面试题
土木工程专业推荐信
2014/02/19 职场文书
公司周年庆典策划方案
2014/05/17 职场文书
学习之星事迹材料
2014/05/17 职场文书
房地产销售主管岗位职责
2015/02/13 职场文书
未中标通知书
2015/04/17 职场文书
单位工作证明范本
2015/06/15 职场文书
校长新学期致辞
2015/07/30 职场文书