extjs和servelt 的简单交互

最新推荐文章于 2024-05-18 16:25:44 发布

zhuyusss

最新推荐文章于 2024-05-18 16:25:44 发布

阅读量70

点赞数

分类专栏： extjs 文章标签： EXT Servlet json Java JSP

本文链接：https://blog.csdn.net/zhuyusss/article/details/83453457

版权

extjs 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

-Java代码
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);
}

}
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>
-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"));
});
});

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>

zhuyusss

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
extjs和servelt 的简单交互

-Java代码package com.test; import java.io.IOException; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletReques...
复制链接

扫一扫