在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 相关文章推荐
Jquery判断$(&quot;#id&quot;)获取的对象是否存在的方法
Sep 25 Javascript
JS清空多文本框、文本域示例代码
Feb 24 Javascript
jQuery如何将选中的对象转化为原始的DOM对象
Jun 09 Javascript
AngularJS实现全选反选功能
Dec 08 Javascript
基于JavaScript实现屏幕滚动效果
Jan 18 Javascript
详解Vue 2.0封装axios笔记
Jun 22 Javascript
Angular使用 ng-img-max 调整浏览器中的图片的示例代码
Aug 17 Javascript
详解动画插件wow.js的使用方法
Sep 13 Javascript
JavaScript设计模式之观察者模式(发布订阅模式)原理与实现方法示例
Jul 27 Javascript
JavaScript对JSON数组简单排序操作示例
Jan 31 Javascript
Vue.js组件通信之自定义事件详解
Oct 19 Javascript
小谈angular ng deploy的实现
Apr 07 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 clearstatcache()函数详解
2010/03/02 PHP
修改yii2.0用户登录使用的user表为其它的表实现方法(推荐)
2017/08/01 PHP
基于PHP实现生成随机水印图片
2020/12/09 PHP
jQuery EasyUI 开源插件套装 完全替代ExtJS
2010/03/24 Javascript
jquery插件之easing 动态菜单
2010/08/21 Javascript
50个比较实用jQuery代码段
2011/09/18 Javascript
js 有框架页面跳转(target)三种情况下的应用
2013/04/09 Javascript
JavaScript限定复选框的选择个数示例代码
2013/08/25 Javascript
javascript模拟地球旋转效果代码实例
2013/12/02 Javascript
JQuery中阻止事件冒泡几种方式及其区别介绍
2014/01/15 Javascript
node.js中使用q.js实现api的promise化
2014/09/17 Javascript
实现前后端数据交互方法汇总
2015/04/07 Javascript
HTML5之WebSocket入门3 -通信模型socket.io
2015/08/21 Javascript
AngularJS中的Directive自定义一个表格
2016/01/25 Javascript
浅谈jQuery animate easing的具体使用方法(推荐)
2016/06/17 Javascript
AngularJS基础 ng-csp 指令详解
2016/08/01 Javascript
JavaScript编写的网页小游戏,很给力
2017/08/18 Javascript
vue实现word,pdf文件的导出功能
2018/07/31 Javascript
快速解决处理后台返回json数据格式的问题
2018/08/07 Javascript
详解vue中axios的使用与封装
2019/03/20 Javascript
react koa rematch 如何打造一套服务端渲染架子
2019/06/26 Javascript
JavaScript实现电灯开关小案例
2020/03/30 Javascript
JavaScript面向对象核心知识与概念归纳整理
2020/05/09 Javascript
如何手写简易的 Vue Router
2020/10/10 Javascript
python使用ctypes模块调用windowsapi获取系统版本示例
2014/04/17 Python
matplotlib实现区域颜色填充
2019/03/18 Python
通过PYTHON来实现图像分割详解
2019/06/26 Python
C++和python实现阿姆斯特朗数字查找实例代码
2020/12/07 Python
大学生专科学习生活的自我评价
2013/12/07 职场文书
个人对照检查剖析材料
2014/10/13 职场文书
2014年测量员工作总结
2014/12/12 职场文书
小学班主任自我评价
2015/03/11 职场文书
舞蹈社团活动总结
2015/05/07 职场文书
信用卡工资证明范本
2015/06/19 职场文书
详解MongoDB的条件查询和排序
2021/06/23 MongoDB
python 镜像环境搭建总结
2022/09/23 Python