`
wjt276
  • 浏览: 642724 次
  • 性别: Icon_minigender_1
  • 来自: 合肥
社区版块
存档分类
最新评论

ExtJS提交服务器的三种方式

阅读更多
1, EXT的form表单ajax提交(默认提交方式)
     相对单独的ajax提交来说优点在于能省略写参数数组
    将按钮添加单击事件,执行以下方法
function login(item) {              
	if (validatorForm()) {    
		// 登录时将登录按钮设为disabled,防止重复提交    
		this.disabled = true;
		// 第一个参数可以为submit和load    
		formPanl.form.doAction('submit', {
			url : 'user.do?method=login',  
			method : 'post',
			// 如果有表单以外的其它参数,可以加在这里。我这里暂时为空,也可以将下面这句省略    
			params : '', 
			// 第一个参数是传入该表单,第二个是Ext.form.Action对象用来取得服务器端传过来的json数据    
			success : function(form, action) { 
				Ext.Msg.alert('操作', action.result.data);    
				this.disabled = false;  
			},    
			failure : function(form, action) { 
				Ext.Msg.alert('警告', '用户名或密码错误!');    
				// 登录失败,将提交按钮重新设为可操作    
				this.disabled = false;  
			}    
		});    
		this.disabled = false;    
	}    
} 


2、EXT表单的非ajax提交  在表单需加入下列代码
//实现非AJAX提交表单一定要加下面的两行! onSubmit : Ext.emptyFn, submit : function() {     
//再次设定action的地址     
this.getEl().dom.action ='user.do?method=login'; this.getEl().dom.method = 'post';     
//提交submit    
 this.getEl().dom.submit();    
},



3、EXT的ajax提交
Ext.Ajax.request({    	   
	 url: 'login.do',    //请求地址 
	 //提交参数组    
	 params: {    
		 LoginName:Ext.get('LoginName').dom.value,    
		 LoginPassword:Ext.get('LoginPassword').dom.value    
	 },    
	 //成功时回调    
	 success: function(response, options) {    
		//获取响应的json字符串    
	   var responseArray = Ext.util.JSON.decode(response.responseText);                                                 
		if(responseArray.success==true){    
			Ext.Msg.alert('恭喜','您已成功登录!');        
		} else{    
			Ext.Msg.alert('失败','登录失败,请重新登录');        
		}    
	}    
}); 

分享到:
评论

相关推荐

    轻松搞定Extjs_原创

    三、提交表单至服务器 97 四、小结 100 第十六章:更多表单组件 102 一、您能说出哪些表单组件呢? 102 二、表单组件关系图 102 三、组件配置选项介绍 103 四、完整源代码 107 五、小结 112 第十七章:悬停提示与...

    Extjs学习笔记之二 初识Extjs之Form

    Extjs中的表单组件是Ext.form.BasicForm,不过最简单最常用的是Ext.form.FormPanel控件,它继承自Panel,具有一定的界面显示控制能力,它其中包含着一个BasicForm对象,用来执行向服务器提交,加载等动作。Extjs也对...

    asp.net与extjs开发点卡在线销售系统

    整个系统都使用了AJAX(Asynchronous JavaScript and XML)技术,与服务器交互采用异步方式,真正实现了OPOA(One Page One Application)单页程序。减少了用户等待的时间,抛弃了传统的B/S那种,提交>等待>刷新。

    log4Net详解(共2讲)

    它如何保证无论服务器端使用何种平台,客户端都无需进行修改? 3、数据与UI分离的优势已经被广大开发者所认可,Ext是如何做到这一点的? 4、你还在为自己没有美术功底而苦恼?你领略过Ext UI的迷人魅力吗?他在Ext 3...

    ChessEloApp:Chess Elo应用程序,用于小组玩家(打算在内部使用-未实现身份验证)。 ExtJS前端,NodeJS后端

    前端是使用Sencha Architect 4.2以ExtJS 6.5 Modern编写的因此,如果要提交任何更改,则将需要SA。 或者只是拿起应用程序,然后继续没有SA的独立ExtJS开发人员。 后端是用NodeJS编写的 我们没有使用任何数据库,...

    Extjs Ajax 乱码问题解决方案

    在Ext的使用过程中,一不留心就出现了乱码,包括在客户端提交给服务器的数据中出现了乱码和服务器端返回给客户端的数据中出现了乱码,下面简单分析一下出现乱码的原因。

    Ext_SpringMVC(Ext结合SoringMVC注解)

    1, 基本实现了数据的增删改操作; 2,表格的动态编辑刷新事件; 3,SpringMVC注解应用;...4,ExtJS表单提交,表格复选框,Ajax服务器提交; 5,外加邮件群发技术的实现; 适合初学者!大师就不要下载了!

    GoodProject Maven Webapp.zip

    JSP全名为Java Server Pages,中文名叫java服务器页面,其根本是一个简化的Servlet设计,它 是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP技术有点类似ASP技术,它是在传统的网页...

    EXT教程EXT用大量的实例演示Ext实例

    3.9.1. 树形节点的拖拽有三种形式 3.9.2. 用事件控制拖拽 3.9.2.1. 叶子不能append 3.9.2.2. 把节点扔到哪里啦 3.9.2.3. 裟椤双树,常与无常 4. 祝福吧!把表单和输入控件都改成ext的样式。 4.1. 不用ext的...

    Ext Js权威指南(.zip.001

    7.3.4 格式化提交数据:ext.data.writer.writer、ext.data.writer.json和ext.data. writer.xml / 322 7.3.5 writer对象的配置项 / 325 7.4 数据模型 / 326 7.4.1 概述 / 326 7.4.2 数据类型及排序类型:ext....

    EXT2.0中文教程

    3.9.1. 树形节点的拖拽有三种形式 3.9.2. 用事件控制拖拽 3.9.2.1. 叶子不能append 3.9.2.2. 把节点扔到哪里啦 3.9.2.3. 裟椤双树,常与无常 4. 祝福吧!把表单和输入控件都改成ext的样式。 4.1. 不用ext的form啊...

    ExtAspNet_v2.3.2_dll

    -修正TreeNode的属性NavigateUrl不接受服务器端URL(以~/开头)的BUG。 -增加Accordion和Tree配合使用的示例(other\accordion_tree_run.aspx)。 -修正Panel图标不能显示的BUG(CSS中class名不能有$字符)。 +去除...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -这样所有需要占据全屏的Panel(不管你是Accordion,Panel,ContentPanel,Form,GroupPanel,SimpleForm,Tree还是Grid,TabStrip)都可以通过这种方式全屏。 -简单方便,示例可以参考 default.aspx 或者 other\...

    Ext 开发指南 学习资料

    3.9.1. 树形节点的拖拽有三种形式 3.9.2. 用事件控制拖拽 3.9.2.1. 叶子不能append 3.9.2.2. 把节点扔到哪里啦 3.9.2.3. 裟椤双树,常与无常 3.10. 树形过滤器TreeFilter 3.11. TreeSorter对树形排序 4. 祝福吧!把...

Global site tag (gtag.js) - Google Analytics