关于jsp标签button 和input 提交ajax事件的区别

最新推荐文章于 2021-12-07 21:53:11 发布
最新推荐文章于 2021-12-07 21:53:11 发布
阅读量231 收藏
点赞数
分类专栏： jsp 文章标签： jsp input button
本文探讨了在包含form元素的网页中使用<button>标签时，IE浏览器不执行预期的ajax请求而直接提交表单的问题。此现象在其他浏览器上则正常执行ajax请求。为了解决该问题并确保所有浏览器的一致性，推荐使用<input>标签替代。
最近做公司项目遇到一个很奇葩的问题，就是jsp标签<button id="sumbit" class="type" onclick="change(this)"/> 和<input type="button" id="sumbit" onclick="change(this)"> 如果当前网页有form元素出现，使用button元素的时候IE浏览器不会执行相应的ajax请求，其他浏览器会执行相应的ajax请求，IE浏览器会执行表单的提交，如果遇到此类问题，需要兼容各种浏览器的话就需要使用input标签来解决问题
jsp+ajax+servlet页面的提交，接收，显示数据流程
空空说技术的博客
11-08 1万+
jsp+ajax+servlet页面的提交，接收，显示数据流程 最近想写一些偏基础性的文章，主要是因为，有一些学弟学妹们可能基础比较薄弱，于是我把一些常用功能但是又容易混淆的地方单独挑出来说说，当然也是方便回顾一下知识。 一般来说，业务开发有一些场景是： 比如 前台发起一个数据请求，然后后台接收，到数据库查询到数据了，然后这时候数据怎么返回给前台页面呢？前台页面怎么接收这些数据呢？接收到这些数据...
Ajax 提交表单与文件上传
最新发布
C_V_Better的博客
04-28 1097
通过使用 Ajax 技术，我们可以轻松实现表单提交和文件上传功能，并且在不刷新页面的情况下与用户进行交互，极大地提升了用户体验。本文介绍的代码示例涵盖了从前端到后端的实现过程，你可以根据实际项目需求进行调整和扩展。在实际开发中，注意优化代码和处理各种边界情况，以确保应用的稳定性和安全性。
<button> 和 input button的对比（实实在在的被坑了一把!）
工匠
05-19 1879
标签 定义和用法  标签定义一个按钮。 在 button 元素内部，您可以放置内容，比如文本或图像。这是该元素与使用 input 元素创建的按钮之间的不同之处。  控件 与 <input type="button"> 相比，提供了更为强大的功能和更丰富的内容。 与  标签之间的所有内容都是按钮的内容，其中包括任何可接受的正文内容，比如文本或多媒体内容。例如，我们可以在按
jsp中使用Button按钮
java_min的专栏
05-04 1万+
 我们通常提交表单时用submit按钮，提交服务时可用submit也可用超链接，这两种方法的使用都很简单，但是我们也可以使用Button按钮来请求服务，具体用法是：
jsp常用标签
Jingjing10523的博客
05-24 1000
input标签：   button普通按钮(没有自带事件处理) submit提交按钮(自带了事件处理，用于提交表单) image图片提交按钮(同上，可以把图片做成提交按钮) reset重置表单(恢复表单的初始状态) checkbox复选框 radio单选框 file文件上传 hidden隐藏的输入字段 text普通文本输入框 passwor
BUTTON和INPUT
仗见天涯...
09-07 823
一句话概括主题：具有相同的作用但是在可操控性方面更加强大。HTML 4.01规范的Forms部分指名表单有以下几种控制类型：buttons, checkboxes, radio buttons, menus, text input, file select, hidden controls, object controls. 其中除了buttons/menus/object controls之
jsp按钮调用java_JSP按钮用Ajax怎么调用Java方法
weixin_32938207的博客
02-12 841
JSP方法：varsendButton=function(){$.ajax({type:"post",url:"test2.send()",contentType:"application/x-www-form-urlencoded;charset=utf-8",success:function(data){}});}JSP调用...JSP方法：var sendButton=function(){...
bootstrap Validator 模态框、jsp、表单验证 Ajax提交功能
10-20
本篇内容将详细介绍如何在Bootstrap模态框（modal）中集成Bootstrap Validator插件，并通过JSP页面和Ajax提交功能来实现表单验证，确保用户提交的数据符合预期要求。 首先，为了使用Bootstrap Validator，我们需要...
jsp 重复提交问题
10-29
<input type="button" value="提交" onclick="this.disabled=true;this.form.submit()"> 5. 在 JSP 页面的 FORM 表单中添加一个隐藏域，用于记录当前请求的 URL，在服务器端代码中使用该 URL 进行重定向。 <input ...
JSP防止网页刷新重复提交数据的几种方法
10-21
6. 配合JavaScript和AJAX：利用Ajax异步提交，提交后立即改变页面状态，如显示“提交成功”提示，同时更新UI，防止用户再次提交。 总的来说，防止JSP网页刷新重复提交数据需要结合客户端和服务器端的控制措施，以...
ajax()不执行success也不执行error的分析和解决，jsp页面button按钮点击调用函数，ajax返回不掉用success
技术btbysj的博客
08-06 1540
ajax()不执行success也不执行error的分析和解决 （layui框架）。 经验证发现是在ajax的异步传输还未完成验证，页面已进行刷新。由于页面用的是layui框架（基于bootstrap），bootstrap框架下form表单中的按钮被点击后会自动刷新页面。 解决方案，将form改为div即可，页面样式不会发生变化。 ...
JSP中input按钮跳转onclick事件要用绝对路径
musedeer的博客
08-24 1332
JSP中利用basePath功能解决绝对路径的简化问题大家都知道的。 顺便贴个代码 [code="java"] [/code] 今天在用Eclipse在后台测试input button onclick事件的时候。 发现IE，与FF，Chrome 等在onclik事件的路径上路径不兼容 例如本项目中代码： [code="java"][/code] 如果以上写法，FF,和Chrome中...
在jsp页面中点击编辑按钮，显示input边框，可编辑，点击保存按钮，输入框消失，不可编辑，并将文本框中的内容保存到数据库中
爱学习的大雄的博客
12-07 3268
寻找的资料 一、 默认readonly不允许编辑。点击编辑的时候加上边框样式，去掉readonly属性 <style>.readonly input{border:none}</style> <div id="dvInput" class="readonly"> text1：<input type="text" readonly value="text1" /><br /> text2：<input type="text" readon
谈谈button标签和input标签的区别
weixin_30240349的博客
07-02 165
一句话概括主题：<button>具有<input type="button" ... >相同的作用但是在可操控性方面更加强大。 <button>和<input> 规范中指名：可以用<button>和<input>来做表单按扭。但<button>比<input>支持更丰富的表现功能。 <but...
【JS】input button 点击事件绑定几种方式
GreAmbWang的博客
08-11 1万+
一，通过onclick绑定 <input type="button" onclick ="afterClick()" id="btn" value="点击"/> onclick ="afterClick()"中记得写括号() JS代码 function afterClick() { alert("click"); } 二，通过id绑定事件 <inp...
jsp页面中button按钮无法点击
如风
11-06 3605
最近在写一个jsp时出现了一个状况;在input的button按钮点击一直没有反应，页面按f12后就可以点击， 后来在网上查询说是有可能页面没有渲染成功。 当时按照网上的说法进行了调整也没有成功。后来无意间看到我写的这个方法名有些过于“正规”（autoActive()）, 怀疑是不是这个方法名与js文件封装的名称有冲突呢。于是改了一个名称之后果然成功了，将方法autoActive()改为了autoActivePF() 以下是页面内容： <%@ page contentType="te...
word事件
weixin_30881367的博客
04-08 481
<INPUT onclick="document.all.WebBrowser.ExecWB(1,1)" type="button" value="打开" name="Button1"><INPUT onclick="document.all.WebBrowser.ExecWB(4,1)" type="button" value="另存为" name="Button2">&...
input button实现页面跳转
热门推荐
weixin_38261616的博客
06-19 2万+
&lt;input type="button" value="点击返回主页"  onclick="跳转页面"&gt;1、onclick="window.location.href=' /test/uploadDIY.jsp '"2、onclick="javascript:window.location.href=' /test/uploadDIY.jsp '" 3、onclick="
深入理解JSP、HTML、Ajax和JavaScript
- **表单标签**：表单标签如, <input>, , <button>等，用于创建用户交互的界面。 - **多媒体标签**：如, , 等，用来在网页中嵌入图片、视频和音频。 - **语义化标签**：如, , , 等，用于构建有结构和有含义的网页...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值