在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 相关文章推荐
一些常用的Javascript函数
Dec 22 Javascript
超简单的jquery的AJAX用法
May 10 Javascript
Web性能优化系列 10个提升JavaScript性能的技巧
Sep 27 Javascript
Vue.js表单控件实践
Oct 27 Javascript
angularjs的select使用及默认选中设置
Apr 08 Javascript
vue 中自定义指令改变data中的值
Jun 02 Javascript
JavaScript实现瀑布流图片效果
Jun 30 Javascript
JavaScript之浏览器对象_动力节点Java学院整理
Jul 03 Javascript
ES6学习之变量的两种命名方法示例
Jul 18 Javascript
浅谈react前后端同构渲染
Sep 20 Javascript
详解微信小程序scroll-view横向滚动的实践踩坑及隐藏其滚动条的实现
Mar 14 Javascript
js字符串类型String常用操作实例总结
Jul 05 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
咖啡常见的种类
2021/03/03 新手入门
特详细的PHPMYADMIN简明安装教程
2008/08/01 PHP
php中单个数据库字段多列显示(单字段分页、横向输出)
2014/07/28 PHP
php约瑟夫问题解决关于处死犯人的算法
2015/03/23 PHP
php实现产品加入购物车功能(1)
2020/07/23 PHP
写了一个layout,拖动条连贯,内容区可为iframe
2007/08/19 Javascript
从面试题学习Javascript 面向对象(创建对象)
2012/03/30 Javascript
基于jquery ajax 用户无刷新登录方法详解
2012/04/28 Javascript
javascript中定义类的方法详解
2015/02/10 Javascript
javascript实现客户端兼容各浏览器创建csv并下载的方法
2015/03/23 Javascript
基于jQuery实现的双11天猫拆红包抽奖效果
2015/12/01 Javascript
Vue 2.0+Vue-router构建一个简单的单页应用(附源码)
2017/03/14 Javascript
用vue封装插件并发布到npm的方法步骤
2017/10/18 Javascript
js计算两个日期间的天数月的实例代码
2018/09/20 Javascript
如何优雅地在vue中添加权限控制示例详解
2019/03/07 Javascript
vue实现歌手列表字母排序下拉滚动条侧栏排序实时更新
2019/05/14 Javascript
react用Redux中央仓库实现一个todolist
2019/09/29 Javascript
js实现固定区域内的不重叠随机圆
2019/10/24 Javascript
vue自定义switch开关组件,实现样式可自行更改
2019/11/01 Javascript
详解微信小程序工程化探索之webpack实战
2020/04/20 Javascript
[03:26]回顾2015国际邀请赛中国区预选赛
2015/06/09 DOTA
Python cookbook(数据结构与算法)通过公共键对字典列表排序算法示例
2018/03/15 Python
Python实现购物车程序
2018/04/16 Python
django 多数据库配置教程
2018/05/30 Python
Python Django 简单分页的实现代码解析
2019/08/21 Python
python+selenium 脚本实现每天自动登记的思路详解
2020/03/11 Python
python 通过文件夹导入包的操作
2020/06/01 Python
html5组织文档结构_动力节点Java学院整理
2017/07/11 HTML / CSS
不可轻视HTML5!App三年内将被html5顶替彻底消失
2015/11/18 HTML / CSS
JD Sports意大利:英国篮球和运动时尚的领导者
2017/10/29 全球购物
C#实现对任一张表的数据进行增,删,改,查要求,运用Webservice,体现出三层架构
2014/07/11 面试题
小学生获奖感言范文
2014/02/02 职场文书
教师党的群众路线教育实践活动学习心得体会
2014/10/30 职场文书
职工年度考核评语
2014/12/31 职场文书
2015年五一劳动节演讲稿
2015/03/18 职场文书
服务器SVN搭建图文安装过程
2022/06/21 Servers