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. **ExtJS的数据交互**:ExtJS通过Ajax方式与服务器进行数据通信。它使用Store组件来管理数据,并通过Proxy组件定义与服务器的通信协议。通常,我们可以配置Proxy为`Ajax`类型,设置URL指向后台Servlet,然后通过`...
总结来说,"extjs+servlet+json简单应用"是利用ExtJS构建前端界面,通过Ajax与Servlet进行通信,Servlet处理业务逻辑并返回JSON数据,再由ExtJS解析并展示。这种方式让前后端职责明确,提高了代码的可维护性和扩展性...
- **Ajax通信**:Ext.Ajax模块用于发送异步请求,与Servlet交互,获取或提交数据。 2. **Servlet基础** - **生命周期**:Servlet经历初始化、服务、销毁三个阶段,通过`init()`, `service()`, `destroy()`方法...
在ExtJs与后台交互的过程中,Servlet充当了中间件的角色,接收前端发送的AJAX请求,处理业务逻辑,然后返回相应的数据。 SQLServer是Microsoft提供的关系型数据库管理系统,用于存储、管理和检索数据。在我们的系统...
ExtJs、Servlet和JDBC是Web开发中的三个关键组件,它们在构建动态、交互式的Web应用程序时发挥着重要作用。下面将详细阐述这三个技术及其在"增删查改"(CRUD)操作中的应用。 首先,ExtJs是一个强大的JavaScript库...
综上所述,这个项目的核心是建立一个实时的报警系统,通过EXTJS4前端界面展示报警信息,后台Servlet负责与数据库交互,获取报警数据并通过JSON传递,而SoundManager2则提供声音报警功能。数据库文件和SQL脚本用于...
ExtJS是一个完整的前端框架,它包含丰富的UI组件和强大的数据绑定机制。在实现三级联动时,可以使用ExtJS的ComboBox组件,通过store与远程数据源(servlet)连接,实现数据的动态加载。ExtJS的模型层(Model)、...
创建一个Servlet来响应ExtJS的Ajax请求,获取、添加、更新或删除数据。 ```java @WebServlet("/DataServlet") public class DataServlet extends HttpServlet { protected void doGet(HttpServletRequest request,...
总结来说,这个实例展示了如何将前端的ExtJS4框架,特别是其Accordion布局和Ext.tree.Panel组件,与Servlet和Struts2后端框架集成,利用JSON进行数据交换,来创建一个动态的、交互性强的Web应用。用户可以通过折叠和...
在IT行业中,构建Web应用程序是常见的任务,而“ExtJS4+JSON+Servlet(Struts2)实现登录验证”是一个典型的前端与后端交互的场景。这个主题涉及到几个关键的技术点,我们将逐一深入探讨。 首先,ExtJS4是一个流行的...
Struts是Java平台上的一个MVC框架,用于构建基于J2EE的Web应用程序,而Ajax(Asynchronous JavaScript and XML)则是一种创建动态网页的技术,通过在后台与服务器进行少量数据交换,使得网页实现异步更新。...
**ExtJS简介** ExtJS是一款基于...总结来说,这个小例子展示了如何结合ExtJS的前端交互能力和Servlet的后端服务处理能力,构建一个完整的用户注册流程,包括前端的美观界面、表单验证以及后端的数据处理和存储。
在Web开发中,富文本编辑器(HTML Editor)是一个常用工具,它允许用户在网页上进行类似Word的文本编辑操作,包括插入图片、...这一过程涉及了前端交互、后端处理和文件上传等多个技术点,展示了Web开发中的综合运用。
这是一个典型的Web应用程序开发示例,涵盖了后端处理逻辑与前端用户界面的交互。 首先,让我们深入了解JSP和Servlet。JSP(JavaServer Pages)是Java EE平台上的动态网页技术,允许开发者在HTML或XML文档中嵌入Java...
2. **自定义组件**:"AjaxServlet.page" 似乎是一个 Tapestry 页面定义,可能包含了一个与 AJAXServlet 相关的组件。开发者可能已经创建了一个自定义的 Tapestry 组件,该组件利用 ExtJS 的组件和 API 来增强其功能...
在使用MyEclipse开发工具进行Web应用开发时,尤其是采用ExtJS框架结合Ajax技术进行前后端数据交互的过程中,可能会遇到一个常见的问题:即通过Ajax发送带有中文字符的数据时,后端接收到的数据出现乱码现象。这一...
AJAX(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下更新部分网页内容的技术,EXTJS广泛利用AJAX进行异步数据交互。API(Application Programming Interface)标签提示我们,这个例子可能包含...
【标题】"完整的JSP + ExtJS 学生信息...总之,"完整的JSP + ExtJS 学生信息管理系统"是一个集成了多种Web开发技术的综合应用,涵盖了后端处理、前端交互、数据管理等多个方面,展示了Java Web开发的实用性和灵活性。
ExtJS是一种基于JavaScript的前端框架,用于构建交互式的、数据驱动的Web应用程序。它提供了丰富的组件库,包括表格、表单、菜单、工具栏等,使得开发者能够轻松创建功能强大的用户界面。在“extjs实现增删查改”这...
这个"一个SSH+ExtJs实现的简单文章管理系统"结合了后端的SSH框架和前端的ExtJs,利用Struts处理HTTP请求,Spring管理应用上下文,Hibernate操作数据库,ExtJs构建交互性强的用户界面,并可能借助Ajax技术优化页面...