在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 相关文章推荐
newxtree.js代码
Mar 13 Javascript
jQuery UI-Draggable 参数集合
Jan 10 Javascript
js实现的Easy Tabs选项卡用法实例
Sep 06 Javascript
JQuery.Ajax()的data参数类型实例详解
Nov 20 Javascript
详解JavaScript数组和字符串中去除重复值的方法
Mar 07 Javascript
js cookie实现记住密码功能
Jan 17 Javascript
JavaScript程序设计高级算法之动态规划实例分析
Nov 24 Javascript
JS实现计算小于非负数n的素数的数量算法示例
Feb 26 Javascript
基于vue实现一个禅道主页拖拽效果
May 27 Javascript
Vue+elementui 实现复杂表头和动态增加列的二维表格功能
Sep 23 Javascript
Javascript中window.name属性详解
Nov 19 Javascript
Jquery+javascript实现支付网页数字键盘
Dec 21 jQuery
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
Laravel 5 框架入门(二)构建 Pages 的管理功能
2015/04/09 PHP
PHP常用的排序和查找算法
2015/08/06 PHP
PHP swoole和redis异步任务实现方法分析
2019/08/12 PHP
xmlhttp缓存清除的2种解决方法
2013/12/13 Javascript
引入autocomplete组件时JS报未结束字符串常量错误
2014/03/19 Javascript
jquery序列化表单以及回调函数的使用示例
2014/07/02 Javascript
JavaScript数值转换的三种方式总结
2014/07/31 Javascript
jQuery动态背景图片效果实现方法
2015/07/03 Javascript
微信小程序  audio音频播放详解及实例
2016/11/02 Javascript
React组件生命周期详解
2017/07/03 Javascript
JS 60秒后重新发送验证码的实例讲解
2017/07/26 Javascript
Vue 多层组件嵌套二种实现方式(测试实例)
2017/09/08 Javascript
微信小程序url传参写变量的方法
2018/08/09 Javascript
create-react-app安装出错问题解决方法
2018/09/04 Javascript
微信小程序关键字变色实现代码实例
2019/12/13 Javascript
Auto.JS实现抖音刷宝等刷视频app,自动点赞,自动滑屏,自动切换视频功能
2020/05/08 Javascript
Python最火、R极具潜力 2017机器学习调查报告
2017/12/11 Python
Python命令行解析模块详解
2018/02/01 Python
Python定时任务sched模块用法示例
2018/07/16 Python
Python中断多重循环的几种方式详解
2020/02/10 Python
Flask和pyecharts实现动态数据可视化
2020/02/26 Python
torchxrayvision包安装过程(附pytorch1.6cpu版安装)
2020/08/26 Python
10个顶级Python实用库推荐
2021/03/04 Python
HMV日本官网:全球知名的音乐、DVD和电脑游戏零售巨头
2016/08/13 全球购物
美国创意之家:BulbHead
2017/07/12 全球购物
美国奢侈品在线团购网站:Gilt City
2017/11/16 全球购物
教你怎样写好自我评价
2013/10/05 职场文书
自荐信要包含哪些内容
2013/11/06 职场文书
银行实习的自我鉴定
2013/12/10 职场文书
自荐书模板
2013/12/15 职场文书
数控机械专业个人的自我评价
2014/01/02 职场文书
女性励志书籍推荐
2019/08/19 职场文书
MySQL入门命令之函数-单行函数-流程控制函数
2021/04/05 MySQL
只用Python就可以制作的简单词云
2021/06/07 Python
Nginx内网单机反向代理的实现
2021/11/07 Servers
MySQL安装失败的原因及解决步骤
2022/06/14 MySQL