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

Extjs+Struts2 Ajax 方式提交数据

    博客分类:
  • ajax
阅读更多

前台Ext 代码

 

artist: {
            xtype: 'panel', 
            title:'登录',  
            width:350,  
            id:'login-panel',  
            items:[{  
                xtype:'form',  
                id:'artist-form',  
                defaultType:'textfield',  
                bodyStyle : 'padding:5px',  
                method:'POST',  
                defaults:{  
                    anchor:'95%',  
                },  
                items:[{  
                    id:'loginName',  
                    name:'loginName',  
                    fieldLabel:'用户名',   
                },{  
                    id:'password',  
                    name:'password',  
                    fieldLabel:'密码',  
                }] 
            }],
            
            buttons: [{
                text: 'Save',
                handler: function(){
            
            var loginForm = Ext.getCmp('login-form').form; 
            loginForm.doAction('submit', {  
                    url:'login.action',  
                    method:'POST',                        
                    waitMsg:'正在登陆...',  
                    timeout:10000,//10秒超时,  
                    //params:loginForm.getValues(),
                    success:function(form, action){  
            alert('登陆成功'+action.result)
                        var isSuc = action.result.success;
                        if(isSuc) {  
                            //提示用户登陆成功  
                            Ext.Msg.alert('消息', '登陆成功..');  
                        }                                         
                    },  
                    failure:function(form, action){  
                        alert('登陆失败');  
                    }  
                });  
                }
            }
    };

 
struts.xml

 

<package name="login" extends="json-default">
        <action name="login" class="com.junjun.television.web.LoginAction">
            <result type="json" /> 
        </action>
        
    </package>

 LoginAction.java

 

public String execute() {

		Watch watch = new Watch();
		watch.setNum(1);
		watch.setOnLine("asdfasdf");

		JSONObject jo = JSONObject.fromObject(watch);
		String jsonStr = jo.toString();
		System.out.println(jsonStr);

		try {
			// 返回成功标识
			response.getWriter().println("{success:true}");
			response.getWriter().println("{watch:"+jsonStr+"}");
			response.getWriter().flush();
		} catch (IOException e) {
			e.printStackTrace();
		} finally {
			try {
				response.getWriter().close();
			} catch (IOException e) {
				e.printStackTrace();
			}
		}

		return null;

	}

 java转json格式需要的jar包如下

   commons-beanutils.jar
   commons-collections-3.2.jar
   commons-lang-2.3.jar
   commons-logging.jar
   ezmorph-1.0.6.jar
   json-lib-2.4-jdk15.jar

 

分享到:
评论

相关推荐

    ExtJS+Struts2

    Struts2在后端作为业务逻辑和数据处理的核心,接收到前端发送的Ajax请求,处理增删改操作。Struts2的Action类可以对应到特定的用户操作,比如UpdateAction、DeleteAction等,这些Action负责调用服务层的方法,执行...

    ExtJs + Struts2 + JSON 程序总结

    在前端,EXTJS使用Ajax请求调用Struts2 Action,接收返回的JSON数据,然后动态渲染UI,展示所有订单及其对应的客户信息。 总结来说,ExtJs + Struts2 + JSON 的组合提供了一种高效、灵活的方法来构建富客户端Web...

    能运行的ExtJs+Struts2文件上传

    同时,ExtJs的Ajax请求需要与Struts2的Action配置相匹配,以便正确地发送和接收数据。 在压缩包文件名称列表"ext_struts_shangchuan"中,我们可以推测这可能包含了项目的基本结构,如HTML、CSS、JavaScript(ExtJs...

    extjs+struts2+hibernate+json登录程序

    ExtJS + Struts2 + Hibernate + JSON 登录程序是一个典型的Web开发示例,结合了前端JavaScript框架、MVC框架、持久层框架以及数据传输格式,实现了用户登录功能的前后端交互。下面将详细阐述这些技术及其在登录程序...

    漂亮的Extjs+struts2实现联动下拉

    通过Struts2 Action获取和处理数据,使用ExtJS的ComboBox组件展示和交互,实现动态联动效果,并通过定制样式提升用户体验。这个项目对于理解如何在实际开发中整合这两种技术具有很好的参考价值。

    extjs+struts2结合实现

    5. **表单提交**:ExtJS的表单组件可以通过Ajax方式提交数据,Struts2的Action可以接收这些数据,进行验证和处理,然后返回处理结果。 6. **权限控制**:Struts2的拦截器可以实现用户认证和授权,限制不同用户访问...

    @@@extjs+struts2+json plugin的例子

    在这个例子中,开发者可能创建了一个`Struts2` Action,该Action处理来自`ExtJS`的AJAX请求,执行业务逻辑后,利用`Struts2 JSON插件`将结果转化为JSON格式。`ExtJS`前端则监听HTTP响应,接收到JSON数据后,根据数据...

    Extjs+Struts整合入门实例

    这样的整合使得开发者能够利用ExtJS的前端优势,提供美观且交互性强的用户界面,同时利用Struts在服务器端进行数据处理和业务控制。 首先,我们需要在项目中引入ExtJS库和Struts框架的相关依赖。通常,ExtJS的库...

    EXTJS4+STRUTS2+JAVA增删改查

    在EXTJS4中,可以通过配置Grid Panel的编辑器实现对表格数据的在线编辑,点击行操作按钮触发Ajax请求到STRUTS2 Action。STRUTS2接收到请求后,调用相应的JAVA服务方法进行数据库操作。对于“增加”操作,ACTION会...

    extjs+struts2省市区三级联动完整示例

    在与ExtJS集成时,Struts2作为服务器端控制器,负责处理Ajax请求和返回JSON数据。 实现省市区三级联动的关键步骤如下: 1. **创建ExtJS Combo组件**: 在前端,我们需要创建三个联动的combo组件,分别代表省份、...

    Extjs+Struts2+JDBC

    2. ExtJS通过AJAX发送请求到Struts2 Action。 3. Struts2 Action接收到请求后,利用JDBC连接到数据库,根据请求类型(增删改查)构造并执行相应的SQL语句。 4. 数据操作完成后,Struts2将更新的数据封装为JSON对象,...

    Extjs+Struts2系统后台管理框架

    6. **Ajax通信**:ExtJS的Ajax组件如AjaxProxy与Struts2的Action进行交互,实现异步数据加载和提交,提高用户体验。 7. **MVC设计模式**:Struts2中的Action、Model、View三部分分别对应控制器、模型和视图,与...

    Hibernate+Spring+Struts2+ExtJS开发CRUD功能实例

    在本例中,Struts2将与ExtJS交互,接收前端的Ajax请求,调用后端服务,执行CRUD操作,并将结果以JSON或其他格式返回给前端。Struts2的拦截器机制也使得我们可以方便地添加自定义的业务逻辑或验证规则。 最后,ExtJS...

    extjs+struts1图书管理系统

    在"extjs+struts1图书管理系统"中,开发者可能会遇到一些关键技术点,例如如何利用ExtJS组件构建动态表格,如何使用Struts1的ActionForm和ActionMapping进行数据处理,以及如何通过Ajax技术实现前后端异步通信等。...

    extjs+struts2+spring+hibernate

    标题中的"extjs+struts2+spring+hibernate"是一个典型的Java Web开发技术栈,这四个技术分别代表了前端、控制层、业务层和服务层的重要组件。下面将详细介绍这些技术及其相互间的配合。 **ExtJS** 是一个用于构建富...

    extjs+struts2分页例子

    在EXTJS中,我们通常会创建一个Store对象来管理数据源,Store与远程数据源(如Struts2 Action)进行交互,通过Ajax请求获取数据。分页功能主要通过配置Store的`paging`属性来开启,同时需要定义`proxy`来设置数据的...

    extjs+struts2的一个套路模式

    通过Struts2与ExtJS的紧密结合,开发者能够轻松地处理复杂的前后端数据交互,实现动态数据展示与用户交互功能。为了进一步提升性能与用户体验,可考虑以下几点: - **数据分页**:对于大数据量的展示,采用分页机制...

    Extjs+struts2+hibernate 做的一个简单的图书管理系统

    ajax异步数据交互,Extjs写界面,数据库操作(包括模糊查询),spring + Hibernate + struts2整合extjs和DWR。项目中主要有两大角色,Admin管理员和reader读者。两者的权限控制我采用了一种特殊的方式,只是这一种方式...

    最好用的通用后台管理extjs+MySQL+oracle+SQL server数据库源码

    2、jsp+hibernate+Struts2+spring+ajax+jQuery, 3、用到了Java面向对象的特征, 4、用到了API接口,实现了支付功能; 5、使用的MySQL+oracle+SQL server三种数据库的连接。 6、欢迎大家下载使用交流。qq:906735040

    ExtJS+struts2+json登陆实例--源码

    这个实例演示了如何将前端的JavaScript框架ExtJS与后端的Java MVC框架Struts2结合,通过JSON进行数据交换实现用户登录功能。下面将详细介绍各个组成部分。 首先,Ext JS 2.2是用于构建富客户端应用的JavaScript库,...

Global site tag (gtag.js) - Google Analytics