`
wing123
  • 浏览: 798676 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

整个表单异步提交

    博客分类:
  • ajax
 
阅读更多

 

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 表单提交和异步提交

    在这个框架中,表单提交和异步提交是两种重要的用户交互方式。本文将深入探讨这两种方法及其在实际开发中的应用。 首先,我们来看传统的表单提交。在ASP.NET MVC3中,表单提交是基于HTTP协议的POST或GET请求。当你...

    异步提交 表格异步提交

    这里我们将详细探讨异步提交的核心概念、工作原理以及如何使用Ajax进行表单异步提交。 ### 1. 异步提交简介 异步提交是基于HTTP的异步通信技术,主要通过JavaScript来实现。它使得前端与后端服务器之间的数据交换...

    jquery-form 异步提交表单

    使用jQuery选择器选取你要进行异步提交的表单: ```javascript var form = $('#myForm'); ``` 2. **初始化插件** 接下来,调用`ajaxForm`或`ajaxSubmit`方法初始化插件: ```javascript form.ajaxForm(options);...

    Jquery实现表单异步提交.zip

    本项目以"Jquery实现表单异步提交"为主题,通过一个名为"ajaxJquerySubmit"的示例,详细展示了如何在Java Web环境中运用jQuery来实现这一功能。 首先,jQuery是一个强大的JavaScript库,它简化了DOM操作、事件处理...

    异步 提交表单请求

    在Java开发中,异步提交表单请求是一种常见的前端与后端交互方式,它通过Ajax技术实现,使得用户无需等待整个页面刷新即可完成数据的提交和获取,提升了用户体验。Ajax,全称Asynchronous JavaScript and XML(异步...

    ajaxForm异步提交表单(含图片)

    AjaxForm是基于jQuery库的一个插件,它简化了表单的异步提交过程,支持多种类型的文件上传,包括图片。 使用ajaxForm的步骤如下: 1. **引入jQuery和ajaxForm插件**:确保在HTML文件中引入jQuery库和ajaxForm插件...

    ajax异步提交表单

    ### AJAX异步提交表单知识点解析 #### 一、AJAX技术概述 AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。通过在后台与服务器进行少量数据交换,AJAX可以...

    EXT异步提交FORM表单

    EXT异步提交FORM表单的核心是通过Ajax技术实现表单数据的后台提交,而无需刷新整个页面。这种方式的主要优点在于能够提供更加流畅的用户交互体验,同时减少了服务器端的负载压力。 ##### 2.2 实现步骤 1. **初始化...

    boa cgi 的ajax表单异步提交

    在这个“boa cgi的ajax表单异步提交”示例中,我们将探讨以下几个关键知识点: 1. ** boa HTTP服务器**:Boa是一个轻量级的HTTP服务器,适合资源有限的嵌入式系统。它支持基本的HTTP功能,如GET和POST请求,以及...

    Ajax 实现异步提交的几个实例

    异步提交通常应用于表单数据的提交,用户填写表单后,无需点击“提交”按钮,数据就能自动发送到服务器: 1. 首先,为表单元素添加事件监听器,如`submit`事件。 2. 在事件处理函数中,阻止表单的默认提交行为,...

    JQuery Ajax提交整个表单

    总结,使用jQuery的Ajax功能提交整个表单涉及的关键点包括:`serialize()`方法、`$.ajax()`或其简化版`$.post()`/`$.get()`、阻止表单默认提交、处理服务器响应以及跨域问题。理解这些概念和用法,能够帮助开发者在...

    Ajax异步提交表单数据的说明及方法实例

    对于一个典型的AJAX异步提交表单的示例,如登录页面的登录操作,我们可以看到以下步骤: 1. 用户填写表单并点击登录按钮。 2. 使用jQuery库监听登录按钮的点击事件。 3. 当按钮被点击时,阻止默认的表单提交行为,...

    jQuery异步提交表单实例

    1. jQuery异步提交表单的概念:在网页开发中,异步提交表单是通过Ajax技术来实现的,这意味着可以在不重新加载整个页面的情况下,将表单数据发送到服务器,并接收服务器的响应。这种方式可以提高用户体验,因为它...

    批量提交表单JS

    本资源包含了一个名为`jquery.form.js`的文件,它是一个基于jQuery库的插件,用于简化表单的异步提交,包括批量提交。 批量提交表单JS的核心概念是利用JavaScript对多个表单数据进行处理,然后一次性发送到服务器。...

    js提交表单的三种方式

    使用`XMLHttpRequest`对象或现代浏览器支持的`fetch` API,我们可以实现表单的异步提交。例如,使用jQuery库的Ajax提交: ```javascript $('#myForm').submit(function(event) { event.preventDefault(); // 阻止...

    简单的表单提交代码

    例如,可以使用`event.preventDefault()`阻止表单的默认提交,然后通过Ajax异步提交数据。 4. **CSS样式设计** css文件用于美化表单界面,包括布局、颜色、字体等。可以使用CSS选择器来定位表单元素,如`.form-...

    表单提交原理

    本文将深入探讨表单提交的原理,包括基本概念、提交方式以及AJAX异步提交等技术。 1. **基本概念** 表单在HTML中通过`&lt;form&gt;`标签定义,它包含各种输入元素,如文本框(`&lt;input type="text"&gt;`)、密码框(`...

    jquery 实现异步提交文件组件(含说明)

    在本教程中,我们将深入探讨如何利用jQuery实现异步提交文件的组件,这将帮助开发者提高用户体验,因为异步提交允许在不刷新整个页面的情况下进行文件上传。 首先,理解异步提交的基本概念至关重要。传统的文件上传...

    ajax异步提交获取信息示例

    **Ajax异步提交获取信息详解** 在Web开发中,AJAX(Asynchronous JavaScript and XML)是一种创建动态网页的技术,允许在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页内容。本示例主要讲解如何利用...

    纯javascript的ajax实现php异步提交表单的简单实例

    根据给定文件的内容,本知识点将详细介绍如何使用纯JavaScript实现一个简单的PHP异步提交表单的Ajax实例。以下是详细的内容: ### Ajax技术基础 Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个...

Global site tag (gtag.js) - Google Analytics