`
codermouse
  • 浏览: 50764 次
  • 性别: Icon_minigender_1
  • 来自: 西柏利亚
社区版块
存档分类
最新评论

ext 和 servlet交互

 
阅读更多
1.界面输出后台数据:
servlet代码:
package com.test;  
  
import java.io.IOException;  
  
import javax.servlet.ServletException;  
import javax.servlet.http.HttpServlet;  
import javax.servlet.http.HttpServletRequest;  
import javax.servlet.http.HttpServletResponse;  
  
@SuppressWarnings("serial")  
public class MyServlet extends HttpServlet {  
  
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {  
        // TODO Auto-generated method stub  
        response.setContentType("text/html");  
        response.setCharacterEncoding("UTF-8");  
        String _str = "[{name:'唐伯虎',age:25,sex:'男'},{name:'楚留香',age:24,sex:'女'}]";  
        response.getWriter().print(_str);  
    }  
      
}  

web.xml:
<?xml version="1.0" encoding="UTF-8"?>  
<web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee"  
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"  
    xsi:schemaLocation="http://java.sun.com/xml/ns/javaee   
    http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">  
  
    <servlet>  
        <servlet-name>myservlet</servlet-name>  
        <servlet-class>com.test.MyServlet</servlet-class>  
    </servlet>  
    <servlet-mapping>  
        <servlet-name>myservlet</servlet-name>  
        <url-pattern>/myservlet</url-pattern>  
    </servlet-mapping>  
    <welcome-file-list>  
        <welcome-file>index.jsp</welcome-file>  
    </welcome-file-list>  
</web-app> 

myserlvet.js:
Ext.onReady(function() {  
            var _store = new Ext.data.JsonStore({  
                        url : "http://localhost:8080/zz/myservlet",  
                        fields : ["name", "age", "sex"]  
                    });  
            _store.load();  
            _store.on("load", function() {  
                        alert(_store.getCount());  
                        alert(Ext.util.JSON.encode(_store.getAt(1).data));  
                        alert(_store.getAt(0).get("name"));  
                    });  
});  

最后index.html:
<html>  
    <head>  
        <title>index.html</title>  
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">  
        <link rel="stylesheet" type="text/css"  
            href="../extjs/resources/css/ext-all.css">  
        <script type="text/javascript" src="../extjs/adapter/ext/ext-base.js"></script>  
        <script type="text/javascript" src="../extjs/ext-core.js"></script>  
        <script type="text/javascript" src="../extjs/ext-all.js"></script>  
        <script type="text/javascript" src="../js/myservlet.js"></script>  
    </head>  
    <body>  
    </body>  
</html>

2.给服务器发送数据:
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: '男'}
});


parmas是一个json对象,譬如params:{name:'张三',age:19}
那么你在后台用request.getParameter("name")就是张三
用request.getParameter("age")就是19
分享到:
评论

相关推荐

    简单的小例子Ext+servlet 分页

    - Ext JS Grid的`store`可以通过Ajax请求与Servlet交互,一般使用`proxy`配置项设置为`Ext.data.proxy.Ajax`,并配置URL指向Servlet处理分页请求的端点。 - 当用户改变页码或每页条数时,Grid会自动发送带有相关...

    ext+servlet进度条(内附jar包)

    【标题】"ext+servlet进度条(内附jar包)"所涉及的知识点主要集中在Web开发领域,特别是关于前端EXT框架和后端Servlet的交互,以及如何实现文件上传过程中的实时进度条显示。EXT是一个强大的JavaScript库,用于构建富...

    Ext4+JSON+Servlet+Tree构建Web应用框架

    这个框架的核心组件包括Ext4 JavaScript库、JSON数据交换格式、Servlet或Struts2作为后端控制器以及Ext JS中的两种UI组件:Tree Panel和Tab Panel。以下将详细介绍这些技术及其在Web应用中的作用。 1. Ext4:Ext JS...

    EXT制作的FORM,可以与Servlet进行交互

    综上所述,EXT form与Servlet的交互是一个涉及前端和后端协同的过程,利用EXT的组件化和AJAX特性,可以创建出交互性强、用户体验良好的Web应用。同时,EXT提供的丰富配置和定制选项使得开发者能够根据需求进行精细的...

    extjs和servlet数据交互的例子

    在IT领域,Web开发是不可或缺的一部分,而ExtJS和Servlet是两种常见的技术,它们在构建交互式用户界面和处理服务器端逻辑方面各自发挥着重要作用。本文将深入探讨一个使用ExtJS与Servlet进行数据交互的实际例子,这...

    ext+jsp+servlet+access开的学生档案管理系统

    《基于EXT、JSP、SERVLET和ACCESS的学生档案管理系统详解》 学生档案管理系统是教育机构信息化建设的重要组成部分,它能够高效地管理学生的基本信息、成绩、出勤等数据,提高工作效率,减轻管理工作负担。本系统...

    EXT JQUERY JDBC SERVLET ORACLE 开发代码跟踪系统

    开发这样的系统需要对前端和后端开发有深入理解,包括JavaScript、HTML、CSS的基础,EXT JS和JQUERY的高级特性,以及Java编程、Servlet规范、JDBC API的使用。在数据库方面,需要熟悉SQL查询语言以及ORACLE数据库的...

    小超市管理-EXT+Servlet

    它提供了大量的组件和控件,如表格、树形视图、菜单、窗口等,使得开发者能够快速构建用户界面,同时提供了丰富的交互性和可定制性。EXTJS使用MVC(Model-View-Controller)架构模式,有助于组织代码并提高可维护性...

    EXT树表分页(SERVLET)

    综上所述,EXT 3.0与Servlet结合实现的树表分页功能涉及前端的EXT组件配置、Store与Servlet的交互、服务器端的数据处理和JSON响应,以及部署运行等多个环节。通过这些技术,开发者可以创建出高效且用户体验良好的...

    Ext Gantt + jsp + servlet 工程实例

    - **编写jsp**:利用Ext Gantt的API创建甘特图,与servlet进行交互,显示和更新数据。 - **测试与调试**:运行项目,进行功能测试和性能优化,确保所有功能正常工作。 这个工程实例提供了一个完整的参考,帮助...

    Ext Gantt + jsp + servlet 工程实例(EXT 甘特图实例)

    综上所述,"Ext Gantt + jsp + servlet 工程实例"是一个结合了前端高级图表库和后端Java技术的项目管理解决方案,它通过JSP和Servlet实现了前后端数据的交互,为用户提供了一个直观、高效的甘特图界面来跟踪和管理...

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

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

    Ext一个登陆的小例子 (java+servlet)

    两者结合可以实现前后端分离的架构,提供高效的数据交互和用户界面。 首先,我们从EXT的布局开始。EXT的布局系统是其强大之处,它允许开发者灵活地组织组件,如面板(Panel)、窗口(Window)等。在登录示例中,`...

    servlet jsp Orcale Tomcat Ext整合

    "servlet jsp Oracle Tomcat Ext整合"的主题涵盖了Web应用开发中的几个关键组件,包括服务器端处理(Servlet)、视图层展示(JSP)、数据库存储(Oracle)、应用服务器(Tomcat)以及前端交互(Ext)。下面我们将...

    Ext+jsp+servlet做到学生信息管理系统(带数据库)

    【标题】"Ext+jsp+servlet做到学生信息管理系统(带数据库)"是一个基于Web的教育管理系统的实现,它结合了三种技术:ExtJS、JSP和Servlet,用于创建一个功能完善的学籍管理系统。该系统的核心功能是管理和维护学生...

    EXT和JAVA例子

    EXT和JAVA例子是一个...通过这个EXT和JAVA的例子,开发者不仅可以提升EXT JS的前端开发技能,还能深入理解Java后端开发的流程,以及如何在两者之间进行有效的数据交互。这将对构建高效、交互性强的Web应用大有裨益。

    Ext项目实例 js sevlet

    总结来说,"Ext项目实例 js servlet"涉及的核心是使用ExtJS的组件和数据管理能力,配合Java Servlet进行数据交互,实现动态的Web应用。通过熟练掌握这些知识点,开发者可以构建出功能强大、用户体验优秀的Web应用。

    EXT2.0 带无限极树的 增删改差 是用jsp+servlet+ext2.0实现的

    在"EXT2.0 带无限极树的 增删改差 是用jsp+servlet+ext2.0实现的"这个项目中,我们将探讨如何使用EXT2.0与后端的Java技术,如JSP和Servlet,协同工作来实现数据管理的基本操作:添加(Add)、删除(Delete)、修改...

    java-ext.zip_ext_ext java_ext 标签_ext java_java ext

    而`java-ext`可能是源码文件夹,包含Java后端的服务代码和相关的配置文件。 综上所述,这个压缩包提供了一个完整的示例,演示了如何在ExtJS前端应用中利用Ajax调用Java后端的JSON服务,实现了前后端的数据交互。...

    extjs+servlet实现图片上传

    在实际应用中,可能还需要考虑更多细节,比如进度条显示、多文件上传、图片预览等功能,这需要更复杂的前端交互和后端逻辑。总的来说,理解和掌握这些技术将帮助你构建更强大、更安全的Web应用。

Global site tag (gtag.js) - Google Analytics