在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 相关文章推荐
List the Codec Files on a Computer
Jun 18 Javascript
一些常用的JS功能函数(2009-06-04更新)
Jun 04 Javascript
运用jquery实现table单双行不同显示并能单行选中
Jul 25 Javascript
Javascript的匿名函数小结
Dec 31 Javascript
bootstrap-wysiwyg结合ajax实现图片上传实时刷新功能
May 27 Javascript
简单实现js无缝滚动效果
Feb 05 Javascript
微信小程序 开发之滑块视图容器(swiper)详解及实例代码
Feb 22 Javascript
JS点击缩略图整屏居中放大图片效果
Jul 04 Javascript
vue中简单弹框dialog的实现方法
Feb 26 Javascript
JS div匀速移动动画与变速移动动画代码实例
Mar 26 Javascript
JS控制GIF图片的停止与显示
Oct 24 Javascript
JS实现排行榜文字向上滚动轮播效果
Nov 26 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
2006/12/14 PHP
ThinkPHP自动完成中使用函数与回调方法实例
2014/11/29 PHP
phpStudy访问速度慢和启动失败的解决办法
2015/11/19 PHP
PHP 中使用explode()函数切割字符串为数组的示例
2017/05/06 PHP
laravel 实现上传图片到本地和前台访问示例
2019/10/21 PHP
JavaScript 序列化对象实现代码
2009/12/18 Javascript
JS中批量给元素绑定事件过程中的相关问题使用闭包解决
2013/04/15 Javascript
js中符号转意问题示例探讨
2013/08/19 Javascript
Javascript中实现trim()函数的两种方法
2015/02/04 Javascript
JavaScript获得表单target属性的方法
2015/04/02 Javascript
js中substring和substr两者区别和使用方法
2015/11/09 Javascript
js+css3制作时钟特效
2016/10/16 Javascript
node.js中的事件处理机制详解
2016/11/26 Javascript
浅谈Angular.js中使用$watch监听模型变化
2017/01/10 Javascript
JS实现身份证输入框的输入效果
2017/08/21 Javascript
详解使用Typescript开发node.js项目(简单的环境配置)
2017/10/09 Javascript
Bootstrap 模态框多次显示后台提交多次BUG的解决方法
2017/12/26 Javascript
基于vue.js无缝滚动效果
2018/01/25 Javascript
Bootstrap table中toolbar新增条件查询及refresh参数使用方法
2018/05/18 Javascript
vue 实现websocket发送消息并实时接收消息
2019/12/09 Javascript
js实现鼠标拖拽div左右滑动
2020/01/15 Javascript
[52:52]DOTA2上海特级锦标赛C组资格赛#1 OG VS LGD第三局
2016/02/27 DOTA
Python获取当前路径实现代码
2017/05/08 Python
python3实现UDP协议的服务器和客户端
2017/06/14 Python
python3+PyQt5实现拖放功能
2018/04/24 Python
Python面向对象封装操作案例详解
2019/12/31 Python
Python常用编译器原理及特点解析
2020/03/23 Python
css3设置box-pack和box-align让div里面的元素垂直居中
2014/09/01 HTML / CSS
台湾旅游网站:雄狮旅游网
2017/08/16 全球购物
面向对象编程OOP的优点
2013/01/22 面试题
给儿子的表扬信
2014/01/15 职场文书
运动会解说词200字
2014/02/06 职场文书
委托书格式
2014/08/01 职场文书
2014年村党支部工作总结
2014/12/04 职场文书
2015年护士节活动策划方案
2015/05/04 职场文书
阿凡达观后感
2015/06/10 职场文书