`
starbhhc
  • 浏览: 654741 次
  • 性别: Icon_minigender_2
  • 来自: 深圳
社区版块
存档分类
最新评论

ExtJS2.0与java服务器交互

阅读更多
var store=new Ext.data.Store({

url:"hello.xml",

reader:new Ext.data.XmlReader({

record:"row"},

["id","name","organization","homepage"])

});        因为Sote组件接受一个参数url,如果设置url,则ExtJS会创建一个与服务器交互的Ext.data.HttpProxy对象,该对象通过指定的Connection或Ext.Ajax.request来向服务端发送请求,从而可以读取到服务器端的数据。
        经验表明,服务器端产生JSon数据是一种非常不错的选择,也就是说假如服务器的url“student.ejf?cmd=list”产生下面的JSON数据输出:

{results:[{id:1,

name:'小王',

email:'xiaowang@easyjf.com',

sex:'男',

bornDate:'1991-4-4'},

{id:1,

name:'小李',

email:'xiaoli@easyjf.com',

sex:'男',

bornDate:'1992-5-6'},

{id:1,

name:'小兰',

email:'xiaoxiao@easyjf.com',

sex:'女',

bornDate:'1993-3-7'}

]

}        则前面显示学习信息编辑表格的store可以创建成下面的形式:

var store=new Ext.data.Store({

url:"student.ejf?cmd=list",

reader:new Ext.data.JsonReader({

root:"result"},

["id","name","organization","homepage"])

});

或者:

var store=new Ext.data.JsonStore({

url:"student.ejf?cmd=list",

root:"result",

fields:["id","name","organization","homepage"]});        其中root表示包含记录集数据的属性。
        如果在运行程序中需要给服务器端发送数据的时候,此时可以直接使用ExtJS中提供的Ext.Ajax对象的request方法。比如下面的代码实现放服务器的student.ejf?cmd=save这个url发起一个请求,并在params中指定发送的Student对象:

function sFn()

{

alert('保存成功');

}

function fFn()

{

alert('保存失败');

}

Ext.Ajax.request({

   url: 'student.ejf?cmd=save’

   success: sFn

   failure: fFn,

   params: { name: '小李',email: ' xiaoli@easyjf.com',bornDate: ' 1992-5-6',sex: '男'}

});
分享到:
评论

相关推荐

    用EXTJS2.0做的派出所网站及后台管理

    Tomcat是一个流行的Java应用服务器,用于运行和托管Java Web应用,如基于EXTJS2.0的派出所网站。按照文档中的指示操作,将解压后的文件复制到Tomcat的"webapps"目录,然后重启服务器,项目应能正常启动。 后台管理...

    extjs2.0 下拉列

    ExtJS 2.0 是一个基于 JavaScript 的前端框架,用于构建富互联网应用程序(RIA)。它提供了丰富的组件库,包括各种用户界面元素,如表格、窗口、菜单和表单控件等。在本例中,我们将重点讨论如何在 ExtJS 2.0 中实现...

    Ext2 核心 API 中文详解 ExtJS2.0实用简明教程 ExtJS2.0教程 ExtJS2.0实用简明教程(easyjf) ext中文API+ sample

    7. **Ext.data.Proxy**: 数据代理,处理与服务器的数据交互,有Ajax、ScriptTag、Memory等类型。 8. **Ext.LoadMask**: 载入遮罩,用于在执行耗时操作时显示等待提示。 **三、ExtJS 2.0教程内容** 1. **基础篇**: ...

    ExtJs2.0 SSH 实现简单结构与上传文件 数据库同步树形结构

    通过这个项目,开发者可以学习到如何将`ExtJs2.0`的富客户端功能与SSH的服务器端强大处理能力相结合,实现一个完整的Web应用。这不仅涵盖了前端界面设计、用户交互,还涉及到后台的数据处理和安全控制,对于提升全栈...

    基于MySql5.0+JSP+Struts+Extjs2.0开发的图书管理系统

    这是一个基于Java技术栈,利用MySql5.0作为数据库,结合Web开发框架Struts和前端组件库Extjs2.0构建的图书管理系统。这个系统旨在实现图书馆日常的图书管理、借阅、归还等操作,提供高效且用户友好的界面。 首先,...

    ExtJs 2.0 GridPanel+Struts2 with JSON plugin[更新代码]

    通过以上知识点的结合,你可以创建一个功能完备的 ExtJS 2.0 GridPanel,利用 Struts2 JSON 插件与后端进行高效的数据交互,提供用户友好的数据展示和操作界面。在实际项目中,可能还需要根据具体需求进行定制和优化...

    ext2.0资源包

    6. **C#和ASP.NET集成**:虽然EXTJS主要基于JavaScript,但通过ASP.NET,开发者可以在服务器端使用C#编写逻辑,与EXTJS前端交互,实现完整的MVC架构。 7. **Java和J2EE集成**:同样,EXTJS也可以与Java后端无缝结合...

    extjs 学习资料

    EXTJS的使用常常伴随着Java和JavaScript的背景,因为EXTJS通常作为前端框架与后端服务(如Java服务器)进行交互。在实际项目中,EXTJS通过Ajax技术与Java服务器进行数据交换,实现了前后端分离的开发模式。Java...

    Extjs全部资料在此下载

    这可能是为了配合ExtJS的JSON数据格式,提供与服务器交互的工具。 最后,"ext-2.2"文件夹可能包含了ExtJS 2.2的源码或者库文件。这个版本相对较旧,但仍然可以用来学习基础概念,了解早期版本的API。通过阅读源码,...

    extjs做的一个桌面应用系统

    EXTJS2.0是EXTJS的一个版本,相比之前的版本,它可能包含了更多优化和新特性,比如改进的布局管理、增强的数据绑定以及更多的UI组件。 DWR(Direct Web Remoting)是一个开源的Java库,用于在浏览器和服务器之间...

    ExtJs在struts2.0.x下实现动态树的解决方案

    通过以上步骤,你可以在Struts2.0.x环境中成功实现一个动态的、交互式的ExtJs树结构。这个解决方案不仅适用于基本的树结构展示,还可以扩展到更复杂的业务场景,如权限控制、多级选择等。记得在实际开发中根据项目...

    ext学习笔记教程和实例

    在"ExtJS2.0开发与实践笔记"系列文档中,你将了解到EXTJS2.0版本的基础知识,包括如何创建基本组件,设置布局,处理事件,以及如何利用EXTJS提供的API进行交互设计。这些笔记将帮助初学者快速入门EXTJS的开发。 ...

    extjs实用开发指南

    ExtJS是完全用JavaScript编写的,这意味着它与服务器端的技术无关,可以用于.NET、Java、PHP等多种后端语言开发的应用程序中。 ExtJS框架的前身基于YUI(Yahoo! User Interface)技术,最初由Jack Slocum开发。它的...

    ExtJS实用开发指南.pdf

    ExtJS的核心特点是其与后端技术无关,可以无缝集成到.Net、Java、Php等不同的开发环境中。 **ExtJS的特点** 1. **跨平台兼容性**:由于ExtJS是基于JavaScript的,它可以运行在多种浏览器和操作系统上,包括...

    使用ExtJs的插件UploadDialog+struts2.0实现多文件上传

    在本文中,我们将深入探讨如何使用ExtJS的UploadDialog插件与Struts2.0框架相结合,实现一个功能完备的多文件上传功能。这是一项在Web应用开发中常见的需求,对于用户交互性和数据管理有着重要作用。 首先,让我们...

Global site tag (gtag.js) - Google Analytics