1、
表单页面
<script type="text/javascript" src="/js/jquery.form.js"></script>
<script type="text/javascript" src="/js/jquery-1.4.js"></script>
function showTotalFee(){
$('#showTotalFeeBtn').attr('disabled','true');
var options = {
url:'/ordermgr/order/getTotalFee.action',
success:function(data) {
alert(" 符合条件的“订单实收总额”总和:¥ " + data);
$('#showTotalFeeBtn').attr('disabled','');
}
};
// 提交表单
$("#searchForm").ajaxSubmit(options);
}
<s:form namespace="/ordermgr/order" action="list" method="get" theme="simple" id="searchForm">
<button type="button" onclick="showTotalFee()" id="showTotalFeeBtn">订单实收总额</button>
</s:form>
2、
Struts配置文件
<action name="getTotalFee" class="osOrderAction" method="getTotalFee">
<result name="success">/result.jsp</result>
</action>
3、
Struts Action.java
public String getTotalFee() throws Exception{
orderService.getTotalFee(condition);
request.put("result", condition.getTotalFee());
return SUCCESS;
}
4、
Result.jsp (这个页面很重要,否则返回不了信息)
<%@ page contentType="text/html;charset=UTF-8" language="java" %><%@taglib prefix="s" uri="/struts-tags" %><s:property value="%{#request.result}" escape="false"/>
总结:
1、在button的处理上,不可用应使用属性"disabled",可用值设为“”,不可用设为“false”
分享到:
相关推荐
在这个框架中,表单提交和异步提交是两种重要的用户交互方式。本文将深入探讨这两种方法及其在实际开发中的应用。 首先,我们来看传统的表单提交。在ASP.NET MVC3中,表单提交是基于HTTP协议的POST或GET请求。当你...
这里我们将详细探讨异步提交的核心概念、工作原理以及如何使用Ajax进行表单异步提交。 ### 1. 异步提交简介 异步提交是基于HTTP的异步通信技术,主要通过JavaScript来实现。它使得前端与后端服务器之间的数据交换...
使用jQuery选择器选取你要进行异步提交的表单: ```javascript var form = $('#myForm'); ``` 2. **初始化插件** 接下来,调用`ajaxForm`或`ajaxSubmit`方法初始化插件: ```javascript form.ajaxForm(options);...
本项目以"Jquery实现表单异步提交"为主题,通过一个名为"ajaxJquerySubmit"的示例,详细展示了如何在Java Web环境中运用jQuery来实现这一功能。 首先,jQuery是一个强大的JavaScript库,它简化了DOM操作、事件处理...
在Java开发中,异步提交表单请求是一种常见的前端与后端交互方式,它通过Ajax技术实现,使得用户无需等待整个页面刷新即可完成数据的提交和获取,提升了用户体验。Ajax,全称Asynchronous JavaScript and XML(异步...
AjaxForm是基于jQuery库的一个插件,它简化了表单的异步提交过程,支持多种类型的文件上传,包括图片。 使用ajaxForm的步骤如下: 1. **引入jQuery和ajaxForm插件**:确保在HTML文件中引入jQuery库和ajaxForm插件...
### AJAX异步提交表单知识点解析 #### 一、AJAX技术概述 AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。通过在后台与服务器进行少量数据交换,AJAX可以...
EXT异步提交FORM表单的核心是通过Ajax技术实现表单数据的后台提交,而无需刷新整个页面。这种方式的主要优点在于能够提供更加流畅的用户交互体验,同时减少了服务器端的负载压力。 ##### 2.2 实现步骤 1. **初始化...
在这个“boa cgi的ajax表单异步提交”示例中,我们将探讨以下几个关键知识点: 1. ** boa HTTP服务器**:Boa是一个轻量级的HTTP服务器,适合资源有限的嵌入式系统。它支持基本的HTTP功能,如GET和POST请求,以及...
异步提交通常应用于表单数据的提交,用户填写表单后,无需点击“提交”按钮,数据就能自动发送到服务器: 1. 首先,为表单元素添加事件监听器,如`submit`事件。 2. 在事件处理函数中,阻止表单的默认提交行为,...
总结,使用jQuery的Ajax功能提交整个表单涉及的关键点包括:`serialize()`方法、`$.ajax()`或其简化版`$.post()`/`$.get()`、阻止表单默认提交、处理服务器响应以及跨域问题。理解这些概念和用法,能够帮助开发者在...
对于一个典型的AJAX异步提交表单的示例,如登录页面的登录操作,我们可以看到以下步骤: 1. 用户填写表单并点击登录按钮。 2. 使用jQuery库监听登录按钮的点击事件。 3. 当按钮被点击时,阻止默认的表单提交行为,...
1. jQuery异步提交表单的概念:在网页开发中,异步提交表单是通过Ajax技术来实现的,这意味着可以在不重新加载整个页面的情况下,将表单数据发送到服务器,并接收服务器的响应。这种方式可以提高用户体验,因为它...
本资源包含了一个名为`jquery.form.js`的文件,它是一个基于jQuery库的插件,用于简化表单的异步提交,包括批量提交。 批量提交表单JS的核心概念是利用JavaScript对多个表单数据进行处理,然后一次性发送到服务器。...
使用`XMLHttpRequest`对象或现代浏览器支持的`fetch` API,我们可以实现表单的异步提交。例如,使用jQuery库的Ajax提交: ```javascript $('#myForm').submit(function(event) { event.preventDefault(); // 阻止...
例如,可以使用`event.preventDefault()`阻止表单的默认提交,然后通过Ajax异步提交数据。 4. **CSS样式设计** css文件用于美化表单界面,包括布局、颜色、字体等。可以使用CSS选择器来定位表单元素,如`.form-...
本文将深入探讨表单提交的原理,包括基本概念、提交方式以及AJAX异步提交等技术。 1. **基本概念** 表单在HTML中通过`<form>`标签定义,它包含各种输入元素,如文本框(`<input type="text">`)、密码框(`...
在本教程中,我们将深入探讨如何利用jQuery实现异步提交文件的组件,这将帮助开发者提高用户体验,因为异步提交允许在不刷新整个页面的情况下进行文件上传。 首先,理解异步提交的基本概念至关重要。传统的文件上传...
**Ajax异步提交获取信息详解** 在Web开发中,AJAX(Asynchronous JavaScript and XML)是一种创建动态网页的技术,允许在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页内容。本示例主要讲解如何利用...
根据给定文件的内容,本知识点将详细介绍如何使用纯JavaScript实现一个简单的PHP异步提交表单的Ajax实例。以下是详细的内容: ### Ajax技术基础 Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个...