最近做公司项目遇到一个很奇葩的问题，就是jsp标签<button id="sumbit" class="type" onclick="change(this)"/> 和<input type="button" id="sumbit" onclick="change(this)"> 如果当前网页有form元素出现，使用button元素的时候IE浏览器不会执行相应的ajax请求，其他浏览器会执行相应的ajax请求，IE浏览器会执行表单的提交，如果遇到此类问题，需要兼容各种浏览器的话就需要使用input标签来解决问题
分享到：
相关推荐
在表单的提交事件上绑定Ajax请求，如下所示： ```javascript $(document).ready(function() { $("#ajaxForm").submit(function(event) { event.preventDefault(); // 阻止表单默认提交行为 var userInput = $...
2. **JavaScript处理**：利用JavaScript（通常配合jQuery库）监听表单的提交事件，阻止其默认行为（即整个页面的提交），然后使用Ajax发送请求到服务器。 ```javascript $("#loginForm").submit(function(event) { ...
Ajax，即异步JavaScript和XML，允许我们在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。JSP（JavaServer Pages）则是一种动态网页技术，用于处理服务器端的业务逻辑。 首先，我们需要创建一个简单的...
### Ajax在JSP中的应用详解 #### 一、引言 随着Web开发技术的不断进步，用户对于网页的交互性和实时性有了更高的要求。Ajax（Asynchronous JavaScript and XML）技术的出现极大地改善了用户体验，使得网页能够实现...
<input type="button" value="提交" onclick="this.disabled=true; this.form.submit();"> ``` ##### 方法5：使用Hidden域和重定向 在JSP页面的表单中添加一个hidden域来记录请求的URL，然后在服务器端使用`...
2. **编写JavaScript**：使用JavaScript和jQuery（或其他库）来监听用户的交互，当用户触发特定事件时，创建并发送Ajax请求。 3. **定义Servlet或JSP处理程序**：在服务器端，我们需要一个JSP或Servlet来接收并处理...
本教程将详细讲解如何在Struts2（版本2.3.24.1）框架下，结合JSP页面实现AJAX请求和传递数据。 ### 一、Struts2框架简介 Struts2是基于MVC（Model-View-Controller）设计模式的Java Web框架，它提供了一种组织应用...
本文将深入探讨如何使用JSP、AJAX和Java后端技术来实现这一功能。 首先，我们要了解JSP（JavaServer Pages）。JSP是一种动态网页技术，它允许开发者在HTML页面中嵌入Java代码，从而实现服务器端的数据处理。在无...
在IT行业中，Web开发是至关重要的一环，而`jsp`（JavaServer Pages）、`ajax`（Asynchronous JavaScript and XML）和`fileupload`是其中的关键技术。本篇将详细讲解如何在JSP中利用Ajax实现图片上传功能。 首先，`...
在Java Web环境中，我们通常结合Ajax、JSP和Servlet来实现异步文件上传，这样可以提高用户体验，因为文件上传不会导致页面整体刷新。下面我们将详细探讨这个主题。 1. **Ajax技术**： Ajax（Asynchronous ...
3. **表单提交**：了解HTML表单的结构，包括`<form>`标签、`<input>`元素以及`<button>`元素的使用，以及如何设置`method`（GET或POST）和`action`属性。 4. **数据验证**：在服务器端进行用户名和密码的验证，可能...
本文将详细介绍如何使用JSP 和 AJAX 技术实现动态添加和删除多选框的功能。 #### 一、JSP简介 JavaServer Pages（简称 JSP）是一种基于Java Servlets API 的服务器端技术，用于生成动态Web页面。它允许开发者在...
<button onclick="sendAjax()">提交</button> ;"> function sendAjax() { var input = document.forms['ajaxForm']['input'].value; document.getElementById('responseIframe').src = 'AjaxJsp.jsp?input=' +...
### AJAX在JSP、Struts、Servlet、WebWork中的应用 #### 一、引言 随着Web技术的发展，用户对网站交互性和响应速度的要求越来越高。AJAX（Asynchronous JavaScript and XML）作为一种新兴的技术，能够在不重新加载...
<button type="button" id="ajaxUpload">Ajax Upload</button> ``` ```javascript // JavaScript 部分 $("#ajaxUpload").click(function() { var formData = new FormData($("#uploadForm")[0]); $.ajax({ url...
本文将深入探讨如何使用JSP和JavaScript向Servlet提交数据的多种方法，以帮助开发者更好地理解这一过程。 首先，我们了解基本概念： 1. JSP：是一种服务器端的脚本语言，允许在HTML中嵌入Java代码，主要用于生成...
3. **表单处理**：用户登录和注册通常涉及到HTML表单，包括`<form>`标签、输入元素如`<input>`、提交按钮`<button>`等。表单数据通过HTTP POST或GET方法发送到服务器。 4. **Servlet交互**：尽管JSP可以包含Java...
接下来，我们将深入探讨如何使用AJAX和JSP（JavaServer Pages）来实现这样的功能。 ### 1. AJAX基础 AJAX是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。它通过XMLHttpRequest对象与服务器进行...
2. 编写JavaScript代码：监听表单提交事件，使用Ajax发送POST请求到服务器。例如，使用jQuery库简化代码： ```javascript $(document).ready(function() { $("#loginForm").on("submit", function(event) { event....
### Ajax和jQuery学习笔记 #### 一、Ajax基础与原理 **1.1 什么是Ajax？** Ajax（Asynchronous JavaScript and XML，异步JavaScript和XML）是一种用来创建快速动态网页的技术，通过在后台与服务器进行少量数据...