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

extjs ajax 与servlet 交互的一个例子

阅读更多
extjs ajax 与servlet 交互的一个例子
==============Servlet================
package test;

import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class ExtAjaxServlet extends HttpServlet {

	protected void service(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
	    request.setCharacterEncoding("UTF-8");
	    response.setCharacterEncoding("UTF-8");
	    String entityId = request.getParameter("entityId");
	    System.out.println(entityId);
	    if(entityId.equals("00001")){
	    	response.getWriter().write("{success:true,msg:'成功'}");			
	    }else{
	    	response.getWriter().write("{error:'没有录波文件'}");	
	    	response.setStatus(HttpServletResponse.SC_EXPECTATION_FAILED);     //必须设置失败标识,否则前端还会调用success函数  
	    }
	}
}

==============js================
Ext.onReady(function(){
	Ext.Ajax.request({
		url:'extAjax',
		params: {entityId: '00002'},

		success:function(response){
	        var respText = Ext.decode(response.responseText); //解码JSON格式数据为一个对象   
	        Ext.Msg.alert('提示', respText.msg); 
		},
		failure:function(response){
			var respText = Ext.decode(response.responseText); //解码JSON格式数据为一个对象   
			Ext.Msg.alert('错误', respText.error);   
		}
	})
})


站在http://wjt276.iteye.com/blog/452365 肩上


分享到:
评论
1 楼 sea000sea 2014-12-11  
楼主,我就喜欢你这样简单功能实现,但又能说明问题的总结!

相关推荐

    Extjs 与后台交互的实例

    1. **ExtJS的数据交互**:ExtJS通过Ajax方式与服务器进行数据通信。它使用Store组件来管理数据,并通过Proxy组件定义与服务器的通信协议。通常,我们可以配置Proxy为`Ajax`类型,设置URL指向后台Servlet,然后通过`...

    extjs+servlet+json简单应用

    总结来说,"extjs+servlet+json简单应用"是利用ExtJS构建前端界面,通过Ajax与Servlet进行通信,Servlet处理业务逻辑并返回JSON数据,再由ExtJS解析并展示。这种方式让前后端职责明确,提高了代码的可维护性和扩展性...

    extjs+servlet

    - **Ajax通信**:Ext.Ajax模块用于发送异步请求,与Servlet交互,获取或提交数据。 2. **Servlet基础** - **生命周期**:Servlet经历初始化、服务、销毁三个阶段,通过`init()`, `service()`, `destroy()`方法...

    ExtJs和Java通过Servlet交互实现数据库增删查改分页

    在ExtJs与后台交互的过程中,Servlet充当了中间件的角色,接收前端发送的AJAX请求,处理业务逻辑,然后返回相应的数据。 SQLServer是Microsoft提供的关系型数据库管理系统,用于存储、管理和检索数据。在我们的系统...

    ExtJs_servlet_JDBC 做的增删查改

    ExtJs、Servlet和JDBC是Web开发中的三个关键组件,它们在构建动态、交互式的Web应用程序时发挥着重要作用。下面将详细阐述这三个技术及其在"增删查改"(CRUD)操作中的应用。 首先,ExtJs是一个强大的JavaScript库...

    extjs4+servlet+json+soundmanager2实现定时刷新报警(原创)

    综上所述,这个项目的核心是建立一个实时的报警系统,通过EXTJS4前端界面展示报警信息,后台Servlet负责与数据库交互,获取报警数据并通过JSON传递,而SoundManager2则提供声音报警功能。数据库文件和SQL脚本用于...

    省市县三级连动三种实现方式(javascript+jsp+servlet)、(jquery+jsp+servlet)、(extjs4.0+jsp+servle)

    ExtJS是一个完整的前端框架,它包含丰富的UI组件和强大的数据绑定机制。在实现三级联动时,可以使用ExtJS的ComboBox组件,通过store与远程数据源(servlet)连接,实现数据的动态加载。ExtJS的模型层(Model)、...

    使用extjs4+servlet对extjs中grid数据进行填并实现增删改查等功能!

    创建一个Servlet来响应ExtJS的Ajax请求,获取、添加、更新或删除数据。 ```java @WebServlet("/DataServlet") public class DataServlet extends HttpServlet { protected void doGet(HttpServletRequest request,...

    ExtJS4+Accordion+SERVLET/STRUTS2+JSON+Ext.tree.Panel实例

    总结来说,这个实例展示了如何将前端的ExtJS4框架,特别是其Accordion布局和Ext.tree.Panel组件,与Servlet和Struts2后端框架集成,利用JSON进行数据交换,来创建一个动态的、交互性强的Web应用。用户可以通过折叠和...

    ExtJS4+JSON+Servlet(Struts2)实现登录验证

    在IT行业中,构建Web应用程序是常见的任务,而“ExtJS4+JSON+Servlet(Struts2)实现登录验证”是一个典型的前端与后端交互的场景。这个主题涉及到几个关键的技术点,我们将逐一深入探讨。 首先,ExtJS4是一个流行的...

    extjs最全项目 js struts Ajax

    Struts是Java平台上的一个MVC框架,用于构建基于J2EE的Web应用程序,而Ajax(Asynchronous JavaScript and XML)则是一种创建动态网页的技术,通过在后台与服务器进行少量数据交换,使得网页实现异步更新。...

    ExtJS+Servlet表单验证和注册

    **ExtJS简介** ExtJS是一款基于...总结来说,这个小例子展示了如何结合ExtJS的前端交互能力和Servlet的后端服务处理能力,构建一个完整的用户注册流程,包括前端的美观界面、表单验证以及后端的数据处理和存储。

    htmleditor扩展插入图片功能,使用Extjs+servlet请求实现

    在Web开发中,富文本编辑器(HTML Editor)是一个常用工具,它允许用户在网页上进行类似Word的文本编辑操作,包括插入图片、...这一过程涉及了前端交互、后端处理和文件上传等多个技术点,展示了Web开发中的综合运用。

    JSP + Servlet + ExtJS实现CRUD操作

    这是一个典型的Web应用程序开发示例,涵盖了后端处理逻辑与前端用户界面的交互。 首先,让我们深入了解JSP和Servlet。JSP(JavaServer Pages)是Java EE平台上的动态网页技术,允许开发者在HTML或XML文档中嵌入Java...

    extjs_tapestry.rar_extjs tapestry_extjs_tapestry_tapestry

    2. **自定义组件**:"AjaxServlet.page" 似乎是一个 Tapestry 页面定义,可能包含了一个与 AJAXServlet 相关的组件。开发者可能已经创建了一个自定义的 Tapestry 组件,该组件利用 ExtJS 的组件和 API 来增强其功能...

    extjs 前后台交互参数出现中文乱码问题的解决方法

    在使用MyEclipse开发工具进行Web应用开发时,尤其是采用ExtJS框架结合Ajax技术进行前后端数据交互的过程中,可能会遇到一个常见的问题:即通过Ajax发送带有中文字符的数据时,后端接收到的数据出现乱码现象。这一...

    ext入门程序登陆例子

    AJAX(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下更新部分网页内容的技术,EXTJS广泛利用AJAX进行异步数据交互。API(Application Programming Interface)标签提示我们,这个例子可能包含...

    完整的JSP + ExtJS 学生信息管理

    【标题】"完整的JSP + ExtJS 学生信息...总之,"完整的JSP + ExtJS 学生信息管理系统"是一个集成了多种Web开发技术的综合应用,涵盖了后端处理、前端交互、数据管理等多个方面,展示了Java Web开发的实用性和灵活性。

    extjs实现增删查改

    ExtJS是一种基于JavaScript的前端框架,用于构建交互式的、数据驱动的Web应用程序。它提供了丰富的组件库,包括表格、表单、菜单、工具栏等,使得开发者能够轻松创建功能强大的用户界面。在“extjs实现增删查改”这...

    一个SSH+ExtJs实现的简单文章管理系统

    这个"一个SSH+ExtJs实现的简单文章管理系统"结合了后端的SSH框架和前端的ExtJs,利用Struts处理HTTP请求,Spring管理应用上下文,Hibernate操作数据库,ExtJs构建交互性强的用户界面,并可能借助Ajax技术优化页面...

Global site tag (gtag.js) - Google Analytics