RS
import javax.ws.rs.GET;
import javax.ws.rs.Path;
import javax.ws.rs.core.Response;
import org.springframework.stereotype.Component;
@Component
@Path("/users")
public class UserResource {
@GET
public Response login() {
String msg="[{text : '投票维护',leaf: true,url : null},{text : '投票结果',leaf: true,url : null}]";
return Response.status(200).entity(msg).build();
}
}
配置web.xml <context-param> <param-name>contextConfigLocation</param-name> <param-value>classpath:applicationContext.xml</param-value> </context-param> <listener> <listener-class> org.springframework.web.context.ContextLoaderListener </listener-class> </listener> <servlet> <servlet-name>jersey-serlvet</servlet-name> <servlet-class> com.sun.jersey.spi.spring.container.servlet.SpringServlet </servlet-class> <init-param> <param-name> com.sun.jersey.config.property.packages </param-name> <param-value>com.techiekernel.rest</param-value> </init-param> <load-on-startup>1</load-on-startup> </servlet> <servlet-mapping> <servlet-name>jersey-serlvet</servlet-name> <url-pattern>/rest/*</url-pattern> </servlet-mapping>
Extjs login.html
<HTML>
<HEAD>
<TITLE>Ext.Ajax. request提交json数据</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css"
href="../../ext-4.0/resources/css/ext-all.css" />
<script type="text/javascript" src="../../ext-4.0/bootstrap.js"></script>
<script type="text/javascript"
src="../../ext-4.0/locale/ext-lang-zh_CN.js"></script>
<script type="text/javascript">
function login() {
var requestConfig = {
url : '/vote/rest/users', //请求的服务器地址
jsonData : getJson(), //发送json对象
method : 'GET',
callback : function(options, success, response) { //回调函数
var msg = [ "请求是否成功：", success, "\n", "服务器返回值：",
response.responseText ];
alert(msg.join(''));
}
}
Ext.Ajax.request(requestConfig); //发送请求
/* Ext.Ajax.request({
url : '/vote/rest/users',
method : 'GET'
}) */
}
//生成json对象
function getJson() {
var name = document.forms['loginForm'].userName.value; //获取表单中的用户名信息
var pwd = document.forms['loginForm'].password.value; //获取表单中的密码信息
var jsonObj = { //创建包含用户名信息和密码信息的JSON对象
userName : name,
password : pwd
}
return jsonObj; //将JSON对象返回
}
</script>
</HEAD>
<BODY>
<br>
<form id='loginForm'>
用户名：<input name='userName' type='text'> 密 码：<input
name='password' type='password'> <input type='button'
value='登陆' onclick='login()'>
</form>
</BODY>
</HTML>
分享到：
相关推荐
4. Ajax通信：ExtJS通过Ajax与Spring后台进行通信，实现异步请求，提升用户体验。 四、人力资源管理系统实践 1. 用户管理：使用ExtJS创建用户登录注册界面，Spring负责后端的用户验证和权限控制。 2. 员工信息管理...
在"spring security3+extjs4项目"中，`b_springmvc_extjs`可能包含的是Spring MVC与ExtJS 4 集成的应用代码。Spring MVC 是Spring 框架的一部分，用于处理Web请求和响应。它与ExtJS 4 结合，可以通过JSON或XML数据...
struts2.3 spring4 hibernate4.3 EXTJS4项目，用户管理权限系统。
标题 "ExtJS5 整合Spring4之二" 暗示了这是一个关于将流行的JavaScript框架ExtJS5与Java后端框架Spring4集成的主题。在Web应用开发中，这种集成允许开发者利用ExtJS5的富客户端功能和Spring4的强大后端服务。下面将...
本项目使用了`extjs4`作为前端框架，`structs2`作为MVC Web应用框架，`spring`处理业务逻辑和依赖注入，以及`hibernate`作为ORM（对象关系映射）工具，来搭建一个完整的后台系统。下面将详细介绍这四个技术及其在...
4. **EXTJS**: EXTJS 是一个强大的JavaScript库，用于构建富客户端的Web应用程序。它提供了一套完整的组件和UI元素，如表格、树形视图、图表等。在同学录应用中，EXTJS 可能用于创建用户界面，如数据网格展示同学...
在现代Web开发中，Spring MVC和ExtJS是两个常见的技术，用于构建强大的后端和前端应用。本篇文章将深入探讨如何使用Spring MVC 3与ExtJS进行数据交互，特别是通过JSON格式来实现这一过程。 首先，Spring MVC 3引入...
ExtJS3 升级到 ExtJS4 方案 ExtJS3 升级到 ExtJS4 需要修改大量代码，主要是因为 ExtJS4 配备了一类新的系统，不向后兼容。在 ExtJS 3 里生成表的几个框架组件，ExtJS4 大多生成 div，这使得 CSS classes 将会失败...
Struts2、Hibernate、Spring 和 ExtJS 是四个在IT行业中广泛应用的开源框架和技术，它们各自在Web应用程序开发中扮演着重要角色。这个压缩包文件似乎包含了一个整合了这些技术的实际项目，为学习者提供了宝贵的实践...
标题“Spring+JPA+ExtJS(Grid)”涉及的是一个整合了Spring框架、Java Persistence API (JPA) 和ExtJS Grid的项目。这个项目的核心在于利用这些技术构建一个数据展示和管理的前端后端系统。 首先，Spring是企业级...
SpringMVC+ExtJS4案例是一个综合性的Web项目开发示例，主要展示了如何结合SpringMVC、Hibernate和ExtJS4来构建一个具有基础CRUD（创建、读取、更新、删除）功能的Web应用程序。该项目涉及到的技术栈是企业级开发中...
这是一个基于Spring、iBatis（ibator）和ExtJS构建的项目架构示例。这个组合在Web应用开发中被广泛采用，因为它们各自都提供了强大的功能，并且能够很好地协同工作。接下来，我们将深入探讨这三个技术栈的核心概念...
JQUERY和EXTJS是常用的JavaScript库，它们可以方便地发起AJAX请求与jersey服务进行交互。jersey通过设置响应头，如“Access-Control-Allow-Origin”，可以允许跨域调用，这对于前端开发来说是非常重要的。 六、示例...
本demo是一个简单的java maven项目，数据库名和连接参数都配置在pom.xml中。后台使用了spring mvc，前台是extjs4，并且运用了extjs4的mvc模式。简单实现对一张表的增删改查操作，有不足之处，大家互相交流。
在标题和描述中提到的“Extjs4小图标”指的是ExtJS 4版本中使用的一系列图形图标，这些图标用于增强应用程序的视觉效果，提供用户友好的操作指示。 1. **图标分类**： - 图标通常分为不同的类别，如操作图标（比如...
基于 Extjs + spring + hibernate 的OA框架 基于 Extjs + spring + hibernate 的OA框架 基于 Extjs + spring + hibernate 的OA框架
本例子通过Spring容器管理ibatis dwr2的javaBean以及事务,Extjs通过dwr2来调用Spring管理类
通过这个视频教程，你将学会如何使用ExtJS 5.0、Spring、Spring MVC和Mybatis搭建一个完整的信息管理系统，从需求分析、设计、编码到测试和部署，全方位提升你的开发技能。在学习过程中，建议边看视频边动手实践，...
EXTJS4自学手册——EXT文件目录，本地加载文档，命名规范 EXTJS4自学手册——EXT基本方法、属性（onReady、define、create） EXTJS4自学手册——EXT基本方法、属性（apply、applyIf、constructor） EXTJS4自学手册...