extjs和servlet的超级简单的数据交互

MyServlet的代码如下:

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>
Extjs与Servlet集成实现Web应用中的列表显示 ExtJS是一个成熟的前端框架,用于构建富有交互性的Web应用。其丰富的组件库和数据驱动的架构设计,能够快速帮助开发者搭建界面,提高开发效率。它是基于JavaScript的,依赖于jQuery和Sencha Command工具来开发。Servlet 是 Java EE 规范的一部分,它运行在服务器端并提供动态网页内容。它是 Java 程序,可以通过请求与响应模型与客户端(通常是 Web 浏览器)交互。 阅读详情

相关推荐

ExtJS+JSP+Servlet酒店管理系统(完整版)

压缩包所包含的文件有:项目需求规约,数据库设计,工程war包,工程源代码,数据库sql,系统用户名和密码,项目配置文档,项目心得,项目周报。从文件结构可以看出,该压缩文件包含了整个软件开发的全部流程。 实现的功能:客房,楼层,商品类别,商品,会员的增删改查,预定信息的增删,预定转入住,换房管理,结账管理,直接入住管理,用户管理,日志的查询,预定客人报表,在住客人报表,离店客人报表。 特点:以上功能全部实现,前后台代码均有注释,界面非常友好,交互性强,此外在预定管理模块,通过设计算法使酒店客房率提高,同时降低了客人修改预定的时间的冲突率。

Extjs与servlet交互

运用ajax中,在前端和后台之间进行参数的传递。 在html中主要的代码: Ext.onReady(function(){ function getMenuAjax(start,end) { Ext.Ajax.request({ url : './ServletAjax', method : 'post', async: false, params :

qq_30232405的博客 765

Ext项目实例 js sevlet

Ext实例项目 Ext实例项目 Ext实例项目 Ext实例项目 Ext实例项目

extjs和servlet数据交互的例子

MyServlet的代码如下:Java代码 package com.test;    import java.io.IOException;    import javax.servlet.ServletException;  import javax.servlet.http.HttpServ

人工智能的专栏 7080

extjs+servlet

extjs跟servlet整合,主要是对人的增删查改

ExtJs+Servlet+Json简单示例

用Ext写一个登陆界面,登陆完后进入一个显示数据的列表;用Servlet发送请求,Json数据也是JS通过Servlet请求从数据库中读取显示在Grid表格中。例子比较简单,但方法很明朗。 代码没有经过处理,可能有些乱,但思路还是比较清晰的。

Extjs和servlet的登陆数据库处理

弄了一晚上终于弄清楚了Extjs和数据库的交互方法,写下作为备忘,其实Extjs和数据库的交互主要有两种方法一种是通过ajax和表单方式进行交互,我采用的是ajax方式。 一.前台主要代码  ajax请求: //数据库连接及处理 Ext.Ajax.request({ url: "login.action", //登录处理页面 method:

1399

extjs+servlet+json简单应用

简单extjs+json+servlet实现,页面展示,仅供大家参考

Java DWR Extjs Servlet 文件上传 进度条

上一篇博文里面详细介绍了Java Servlet 文件上传,这篇博文将为文件上传添加进度条,其中会利用DWR和Extjs。 1、项目的结构图 (1)要导入相应的JAR包和EXTJS文件。 (2)FileProgressListener package com.fileupload; import java.util.Collection; import javax.servle

brushli的专栏 2280

ajax与Servlet交互

使用Struts2和jQuery EasyUI实现简单CRUD系统,从零开始,从基础的ajax与Servlet的交互开始。

Extjs servlet实现列表显示简单例子

Extjs的初学者写的一个Extjs的小例子,前台是Extjs后台是Servlet,将例子导入到myeclipse中,数据源换成相应的你自己的数据库连接,数据库连接在util里,就可以实现.

Extjs中加载异步树的最简单例子实现

<!-- Author:Lovingshu&&Mr Samael Date:2012/06/25 Remark:Teach You How To Build A AsyncTree With Extjs --> 写在前面: 这篇文章只是关于如何使用Extjs加载异步树,由于现在在公司,不能写的很全面,这篇文章只贴代码,没有说明,晚上回去再写一个我最近 自学Extjs的心得!

lovingshu's Forever 5775

AI落地困局与破局者FDE:从技术神话到价值实干的战略转型

AI落地困局与破局者FDE:从技术神话到价值实干的战略转型 当前AI企业级应用面临三大核心挑战:业务场景深度非标化、技术落地"最后一公里"困局、以及市场竞争焦点转向实用价值。前线部署工程师(FDE)作为破局关键,通过技术-业务-产品三维交汇的复合能力,将AI从实验室推向生产环境。FDE不仅是技术架构师,更是业务价值挖掘机和产品进化传感器,通过"碎石路-高速公路"双循环模式,将定制化需求沉淀为可复用的平台能力。这种模式颠覆了传统SaaS的销售逻辑,形成基于价值的J型增长

随笔记录-分享&记忆 4001

ExtJs读取servlet传送数据

EXTJS application.js Ext.onReady(function() { // var data = [{ // name : '唐伯虎', // age : 25, // sex : '男' // }, { // name : '楚留香', // age : 24, // sex : '女' //

yundashi168.com 1884

pcle接口详解&用途说明

它原来的名称为“3GIO”,由英特尔在2001年提出。pcel x16插槽 用途用于显卡、RAID阵列卡,向下兼容PCIE x1/x4/x8/x16。(PCIE x16插槽长89mm,有164根针脚,靠主板外侧端有一卡口,将16x分为前后两组,短插槽有22根针脚,主要用于供电,长插槽142根,主要用于数据传输,具有16通道所带来的高带宽)PCI-E x8插槽插槽用途:全长56mm,有98根针脚,与PCI-E x16比较,主要是数据针脚减少至76根,短的供电针脚仍然是22针脚。

qq_43289307的博客 1万+

在 Windows 上安装 OpenCV – C++ / Python

而且,安装并不是一件容易的事。这些安装程序仅适用于安装 OpenCV for C++。如果您想安装适用于 Python 的 OpenCV,您将在博客后面找到相关信息。在这篇博文中,我们将在 Windows 上安装适用于 C++ 和 Python 的 OpenCV。C++ 安装是在自定义安装 exe 文件的帮助下完成的。而Python的安装是通过Anaconda完成的。从源代码安装 OpenCV 需要花费大量时间。根据您的硬件和安装配置,该过程可能需要 5 分钟到 2 小时不等。

Demondai999的博客 2091

extjs ajax请求返回值,ExtJS里面的Ajax调用Servlet,Servlet返回JSON类型数据。HttpPro

匿名2010-10-07ExtJS里面的Ajax调用Servlet,Servlet返回JSON类型数据。HttpProxy里面的参数是添什么啊?5可以弹出response.responseText里面的数据,HttpProxy里面的参数是添什么啊?才能把数据绑定到comboBox中啊补充:E_data_Servlet_combobox = function() {Ext.Ajax.request(...

weixin_30610943的博客 320

AI报告撰写实战指南:从提示词工程到全流程优化的底层逻辑与实践突破

传统AI写作常被诟病为“信息拼贴”——模型虽能生成文本,却常出现逻辑断裂、数据矛盾、风格不符等问题。而“全流程优化”则是通过系统化设计,将报告生成拆解为需求解析→数据对齐→提示词设计→初稿生成→迭代优化→格式适配六大环节,每个环节均通过技术手段提升输出质量。提示词工程:本质是通过结构化指令(如角色设定、任务分解、格式约束、示例引导)精准控制模型输出方向,是连接用户需求与模型能力的“翻译器”。全流程优化。

2501_92808811的博客 884

Servlet 与 Extjs.data.store之间的数据传递 之 XML 篇

      在web应用中,用户点击页面某控件,向服务器端请求数据是最最常见的一项事务。Extjs这个当下极为流行的RIA框架,也将请求数据这一块做的非常易用了。但是由于不熟悉。很多人还是会在Extjs入门的时候付出一点点小代价的。以下用一个实例来说明Servlet 和 Extjs.data.store之间是如何传递XML结构的数据的。      任务:Servlet 与Extjs.data.store之间的数据传递。      步骤:              1、写一段servlet获取客户端请求参数,

1153

数据库小技能:数据导入脚本

背景:版本大升级,从2.0升级到3.0 ,服务端开发语言从c#换到java语言。数据库类型从microsalft sql server 换到mysql。数据来源于微信,用于查询卡bin。

专注于计算机研发知识和资讯分享 774

【AutoSAR】【以太网】TCP/IP 栈详述与配置

目录 一、TCP/IP栈架构 二、TCP\IP栈的可扩展性 三、以太网协议V4 四、以太网协议 V6 五、基于IP的协议 六、函数调用序列图 一、TCP/IP栈架构 根据以上架构图,该栈主要包括:UPD\TCP\DHCP\ICMP\IPV4\IPV6\ARP; 二、TCP\IP栈的可扩展性 TCP\IP栈为适应不同的应用场景需求,将分为三类: 配置工程里的配置项: 三、以太网协议V4 1 IPV4 Internet Protocol (IP)是T.

专注汽车软件开发、AutoSAR、车载以太网、SOA、EE架构。 5696

一个ExtJS+jsp+Servlet与数据库连接且运行成功的例子

ExtJS虽然强大但是调试起来很困难。费尽周折但最终还是成功了。期间总结的技巧学习的知识我会在下一篇博文中加以总结。现在还是来粘代码吧。 Servlet代码(注意我命名为List,有关List的配置文件web.xml相关映射名也为List,所以一会儿在js里通信引用应为List)     package servlet; import java.io.IOException;

xuecxuec的专栏 1021

2026年北京君正数字IC笔试试卷带答案

本文摘要:该文档是一份数字IC设计相关的考试试题,包含单选题、多选题、波形分析题和代码设计题。内容涵盖时序约束、半导体工艺、状态机设计、逻辑综合、异步FIFO设计等知识点。试题解析详细,重点考察数字电路基础、时序分析和Verilog代码实现能力。典型题目包括多周期路径设置、Moore/Mealy状态机区别、同步复位与异步复位特性、RISC-V架构特点等,并提供了异步FIFO的Verilog实现参考代码。(149字)

Open 113

ExtJs与Servlet的交互

1.编写MyServlet,post中的方法如下   public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { request.setCharacterEncoding("UTF-8"); response.s

738

实战篇| app爬虫不用真机

之前写过一篇基于真机app爬虫《App爬虫实战篇-以华为真机手机爬取集换社的app为例》,如果大家有用真机爬虫的经历,会深刻认识到真的不方便,一是自己的手机,经常会被电话、微信等打断,二是闲置手机,面对小批量数据还能勉强,大批量爬虫,会导致成本指数级上升,并且控制起来相对麻烦。以下就是常见的模拟器。emulator -avd my_avd -no-snapshot-save # 启动时不保存 snapshot。emulator -avd my_avd -wipe-data # 清除数据(恢复到出厂)

youbingchen的博客 597

WINCC7.3破解文件

WINCC7.3硬件够破解文件,有需要的下载!WINCC7.3硬件够破解文件,有需要的下载!

上一篇: extjs的继承
下一篇: 仿126 GMail QQ添加附件的界面
eclipse_spring
博客等级 码龄20年 1粉丝 24原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值