在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 相关文章推荐
js中的escape及unescape函数的php实现代码
Sep 04 Javascript
javascript removeChild 使用注意事项
Apr 11 Javascript
基于JQuery的数字改变的动画效果--可用来做计数器
Aug 11 Javascript
给jqGrid数据行添加修改和删除操作链接(之一)
Nov 04 Javascript
5分钟理解JavaScript中this用法分享
Nov 09 Javascript
jQuery中map()方法用法实例
Jan 06 Javascript
JS实现的数组全排列输出算法
Mar 19 Javascript
jquery获取form表单input元素值的简单实例
May 30 Javascript
Vue组件tree实现树形菜单
Apr 13 Javascript
js中apply()和call()的区别与用法实例分析
Aug 14 Javascript
JS中创建自定义类型的常用模式总结【工厂模式,构造函数模式,原型模式,动态原型模式等】
Jan 19 Javascript
JS实现贪吃蛇游戏
Nov 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 jq jquery getJSON跨域提交数据完整版
2013/09/13 PHP
php中session退出登陆问题
2014/02/27 PHP
php中运用http调用的GET和POST方法示例
2014/09/29 PHP
php中socket通信机制实例详解
2015/01/03 PHP
PHP中使用Memache作为进程锁的操作类分享
2015/03/30 PHP
PHP实现链式操作的核心思想
2015/06/23 PHP
twig模板常用语句实例小结
2016/02/04 PHP
PHP/ThinkPHP实现批量打包下载文件的方法示例
2017/07/31 PHP
JavaScript动态创建div属性和样式示例代码
2013/10/09 Javascript
js(jQuery)获取时间的方法及常用时间类搜集
2013/10/23 Javascript
Extjs表单常见验证小结
2014/03/07 Javascript
js实现class样式的修改、添加及删除的方法
2015/01/20 Javascript
jQuery插件slides实现无缝轮播图特效
2015/04/17 Javascript
js 右侧浮动层效果实现代码(跟随滚动)
2015/11/22 Javascript
jquery获取文档高度和窗口高度汇总
2016/01/25 Javascript
详解Jquery的事件操作和文档操作
2016/12/19 Javascript
thinkphp标签实现bootsrtap轮播carousel实例代码
2017/02/19 Javascript
js实现移动端导航点击自动滑动效果
2017/07/18 Javascript
jquery 一键复制到剪切板的实例
2017/09/20 jQuery
记一次webpack3升级webpack4的踩坑经历
2018/06/12 Javascript
浅谈Vue服务端渲染框架Nuxt的那些事
2018/12/21 Javascript
推荐一个基于Node.js的表单验证库
2019/02/15 Javascript
微信小程序上传多图到服务器并获取返回的路径
2019/05/05 Javascript
在react项目中使用antd的form组件,动态设置input框的值
2020/10/24 Javascript
[00:12]DAC2018 no[o]ne亮相SOLO赛 他是否如他的id一样无人可挡?
2018/04/06 DOTA
python中pycurl库的用法实例
2014/09/30 Python
使用python对excle和json互相转换的示例
2018/10/23 Python
为何人工智能(AI)首选Python?读完这篇文章你就知道了(推荐)
2019/04/06 Python
css3 transform及原生js实现鼠标拖动3D立方体旋转
2016/06/20 HTML / CSS
英国亚马逊官方网站:Amazon.co.uk
2019/08/09 全球购物
英国领先的男装设计师服装独立零售商:Repertoire Fashion
2020/10/19 全球购物
售房协议书范本2014
2014/10/23 职场文书
中国梦宣传标语口号
2015/12/26 职场文书
教你怎么用Python处理excel实现自动化办公
2021/04/30 Python
Django集成富文本编辑器summernote的实现步骤
2021/05/31 Python
MySQL修改默认引擎和字符集详情
2021/09/25 MySQL