在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复制对象使用说明
Jun 28 Javascript
JavaScript高级程序设计 阅读笔记(十二) js内置对象Math
Aug 14 Javascript
js字母大小写转换实现方法总结
Nov 13 Javascript
JavaScript中Function详解
Feb 27 Javascript
Angularjs material 实现搜索框功能
Mar 08 Javascript
JavaScript实现获取用户单击body中所有A标签内容的方法
Jun 05 Javascript
jquery实现一个全局计时器(商城可用)
Jun 30 jQuery
详解如何实现Element树形控件Tree在懒加载模式下的动态更新
Apr 25 Javascript
简述ES6新增关键字let与var的区别
Aug 23 Javascript
react的hooks的用法详解
Oct 12 Javascript
微信小程序实现modal弹出框遮罩层组件(可带文本框)
Dec 20 Javascript
JS的深浅复制详细
Oct 16 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
smarty的保留变量问题
2008/10/23 PHP
php截取html字符串及自动补全html标签的方法
2015/01/15 PHP
PHP定时执行任务的3种方法详解
2015/12/21 PHP
PHP加密解密类实例代码
2016/07/20 PHP
php实现登录页面的简单实例
2019/09/29 PHP
JavaScript XML操作 封装类
2009/07/01 Javascript
基于jQuery的简单的列表导航菜单
2011/03/02 Javascript
利用javaScript实现点击输入框弹出窗体选择信息
2013/12/11 Javascript
基于jquery和svg实现超炫酷的动画特效
2014/12/09 Javascript
基于jQuery实现Ajax验证用户名是否存在实例
2016/03/30 Javascript
vue.js入门教程之计算属性
2016/09/01 Javascript
AngularJS实现星星等级评分功能
2016/09/24 Javascript
VUE前端cookie简单操作
2017/10/17 Javascript
jQuery实现切换隐藏与显示同时切换图标功能
2017/10/29 jQuery
layui2.0使用table+laypage实现真分页
2019/07/27 Javascript
解决Nuxt使用axios跨域问题
2020/07/06 Javascript
vue-router懒加载的3种方式汇总
2021/02/28 Vue.js
[01:14]DOTA2 7.22版本新增神杖效果展示(智力英雄篇)
2019/05/29 DOTA
Python中Selenium模拟JQuery滑动解锁实例
2017/07/26 Python
使用PyInstaller将python转成可执行文件exe笔记
2018/05/26 Python
彻底理解Python中的yield关键字
2019/04/01 Python
Python的垃圾回收机制详解
2019/08/28 Python
为什么称python为胶水语言
2020/06/16 Python
详解selenium + chromedriver 被反爬的解决方法
2020/10/28 Python
HTML5 Canvas之测试浏览器是否支持Canvas的方法
2015/01/01 HTML / CSS
精选干货:Java精选笔试题附答案
2014/01/18 面试题
文体活动实施方案
2014/03/27 职场文书
公司承诺书范文
2014/05/19 职场文书
群众路线剖析材料
2014/09/30 职场文书
英语复习计划
2015/01/19 职场文书
2014年度个人工作总结范文
2015/03/09 职场文书
谢师宴家长致辞
2015/07/27 职场文书
优秀团员主要事迹范文
2015/11/05 职场文书
导游词之安徽巢湖
2019/12/26 职场文书
python创建字典及相关管理操作
2022/04/13 Python
MySql数据库触发器使用教程
2022/06/01 MySQL