在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 相关文章推荐
关于IFRAME 自适应高度的研究
Jul 20 Javascript
jQuery编写widget的一些技巧分享
Oct 28 Javascript
修改jquery.lazyload.js实现页面延迟载入
Dec 22 Javascript
Jquery实现自定义窗口随意的拖拽
Mar 12 Javascript
浅谈JavaScript字符集
May 22 Javascript
JavaScript 获取任一float型小数点后两位的小数
Jun 30 Javascript
基于javascript实现的购物商城商品倒计时实例
Dec 11 Javascript
微信小程序滚动Tab实现左右可滑动切换
Aug 17 Javascript
vue-cli扩展多模块打包的示例代码
Apr 09 Javascript
vue引入js数字小键盘的实现代码
May 14 Javascript
vue router 源码概览案例分析
Oct 09 Javascript
使用npm命令提示: 'npm' 不是内部或外部命令,也不是可运行的程序的处理方法
May 14 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/06/21 PHP
php 读取文件乱码问题
2010/02/20 PHP
简单的PHP缓存设计实现代码
2011/09/30 PHP
php class类的用法详细总结
2013/10/17 PHP
php将字符串全部转换成大写或者小写的方法
2015/03/17 PHP
HTML中嵌入PHP的简单方法
2016/02/16 PHP
老司机传授Ubuntu下Apache+PHP+MySQL环境搭建攻略
2016/03/20 PHP
再论Javascript下字符串连接的性能
2011/03/05 Javascript
javascript 进阶篇2 CSS XML学习
2012/03/14 Javascript
一个可拖拽列宽表格实例演示
2012/11/26 Javascript
Extjs4 Treegrid 使用心得分享(经验篇)
2013/07/01 Javascript
js中如何复制一个对象并获取其所有属性和属性对应的值
2013/10/24 Javascript
javascript将浮点数转换成整数的三个方法
2014/06/23 Javascript
jQuery模拟物体自由落体运动(附演示与demo源码下载)
2016/01/21 Javascript
Jquery跨浏览器文本复制插件Zero Clipboard的使用方法
2016/02/28 Javascript
Javascript中的arguments对象
2016/06/20 Javascript
js闭包学习心得总结
2018/04/17 Javascript
Javascript call及apply应用场景及实例
2020/08/26 Javascript
Python中文分词实现方法(安装pymmseg)
2016/06/14 Python
python matplotlib中文显示参数设置解析
2017/12/15 Python
python3安装pip3(install pip3 for python 3.x)
2018/04/03 Python
python中实现字符串翻转的方法
2018/07/11 Python
利用Pycharm断点调试Python程序的方法
2018/11/29 Python
Django异步任务之Celery的基本使用
2019/03/23 Python
python命令行参数用法实例分析
2019/06/25 Python
Python实现的微信红包提醒功能示例
2019/08/22 Python
Python基于正则表达式实现计算器功能
2020/07/13 Python
Python如何实现机器人聊天
2020/09/10 Python
Python Selenium操作Cookie的实例方法
2021/02/28 Python
施华洛世奇天猫官方旗舰店:SWAROVSKI
2017/04/17 全球购物
人力资源专业推荐信
2013/11/29 职场文书
综治宣传月活动总结
2014/04/28 职场文书
给校长的建议书100字
2014/05/16 职场文书
个人整改方案范文
2014/10/25 职场文书
乔迁新居祝福语
2019/11/04 职场文书
nginx 反向代理之 proxy_pass的实现
2021/03/31 Servers