ScriptTagProxy与jsp后台交互实例
---->js
Ext.onReady(function(){
var personRecord = new Ext.data.Record.create([
{name:"name",type:"string"},
{name:"sex",type:"string"}
])
var pDate = new personRecord({name:"steven",sex:"boy"});
var store = new Ext.data.Store({
// proxy:new Ext.data.HttpProxy({url:"http://localhost:8080/extTest/data.jsp"}),
proxy:new Ext.data.ScriptTagProxy({url:"http://192.188.60.97:8080/extTest/data.jsp"}),
reader: new Ext.data.ArrayReader({},personRecord)
})
store.load();
var grid = new Ext.grid.GridPanel({
store: store,
columns: [
{header: 'name', dataIndex: 'name'},
{header: 'sex', dataInex: 'sex'}
],
autoHeight: true,
renderTo: 'grid'
});
});
------>jsp
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%
boolean flag = false;
String cbStr = request.getParameter("callback");
if(cbStr != null){
flag = true;
response.setContentType("text/javascript");
out.print(cbStr+"(");
}else{
response.setContentType("application/x-json");
}
out.print("[" +
"['jim','boy']," +
"['tom','boy']," +
"['kit','girl']" +
"]"
);
if(flag){
out.print(");");
}
System.out.println(cbStr);
%>
注意:out.print(cbStr+"(");一定要返回cbStr,否则不会出结果。
分享到:
相关推荐
### Ext与后台数据库交互知识点详解 #### 一、Ext中常用的类 在Ext框架中,为了更好地处理数据和用户界面的交互,引入了一系列强大的类来简化开发过程。 ##### 1.1 Ext.data `Ext.data`是Ext框架的核心模块之一...
总结起来,本篇内容涵盖了ExtJS中的核心数据组件,包括Ext.data.Connection的使用、Ext.data.Record的创建与操作、Ext.data.Store的配置以及数据交互的Proxy和Reader机制。这些知识是构建基于ExtJS的异步数据驱动...
它是HttpProxy和ScriptTagProxy等代理类的基础,用于与后台进行异步数据交换。通过Connection,开发者可以更简单地配置和执行Ajax请求,包括设置请求头、超时时间、附加参数、请求方法等。 下面是一个使用Ext.data....
5. **数据代理(Data Proxy)**:EXTJS2的数据代理提供了一种与后台服务器通信的方式,包括Ajax代理、ScriptTagProxy、MemoryProxy等,用于异步加载和保存数据。 6. **事件处理(Events)**:EXTJS2组件之间通过...
这两个控件是Extjs框架中非常实用且功能丰富的部分,广泛应用于Web应用程序的界面设计与交互逻辑构建。 ### Tab Panel(标签页控件) Tab Panel组件允许开发者在一个界面上组织多个相关的页面或面板,每个页面通过...
5. **远程数据交互(Ajax)**:通过Ext.Ajax对象,开发者可以方便地与服务器进行异步通信,实现数据的获取和提交。ExtJS 2.0也支持JSONP和ScriptTagProxy等跨域数据访问技术。 6. **网格组件(Grid)**:ExtJS 2.0...
11. **AJAX请求的封装**:如JsonP和ScriptTagProxy,可以跨域获取数据,扩展了与远程服务的交互能力。 12. **主题(Theme)**:内置多种皮肤,可以快速改变应用的外观,也可以自定义主题以适应品牌需求。 13. **...
8. **Ajax和数据通信**:使用Ajax请求进行后台通信,包括JsonP和ScriptTagProxy。 9. **国际化(i18n)**:如何支持多语言应用。 10. **性能优化和最佳实践**:提高应用性能的技巧和建议。 通过结合中文API文档和...
1. **DataProxy**: 数据代理是EXT JS中数据层的重要组成部分,它负责与服务器端进行数据交互。主要的DataProxy类型有: - `HttpProxy`: 通过HTTP请求与服务器通信,通常用于RESTful API。 - `MemoryProxy`: 用于...
Store通过与Proxy和DataReader的配合,能够处理来自不同源的数据。 Proxy是数据获取的代理,它抽象了数据获取的机制,允许从不同的数据源获取数据。EXT提供了多种Proxy的实现,包括`MemoryProxy`用于处理客户端内存...
4. **远程数据通信**:通过Ajax或ScriptTagProxy实现与服务器的数据交互,支持RESTful API和XML、JSON等多种数据格式。 5. **表单处理**:提供了丰富多样的表单组件和表单处理功能,包括验证、提交、重置等,方便...
这种方法不仅能够简化前端与后端的数据交互,还能提高应用程序的整体性能。 #### 二、基础知识介绍 1. **Ext JS**:Ext JS是一款基于JavaScript的开源框架,用于构建交互式的Web应用。它提供了丰富的UI组件库,...
4. **数据存储(Data Store)**: 数据存储是用来管理数据集合的类,它可以与服务器进行异步交互,支持JSON、XML等多种数据格式。 5. **网格(Grid)**: 网格组件是ExtJS的一个强大特性,用于展示大量数据。它支持...
Store可以与各种数据源进行交互,如JSON、XML,甚至远程服务器。同时,Store与Grid、Form等组件之间实现双向数据绑定,使得数据操作更加便捷。 4. **事件模型**:Ext3.2的事件模型允许组件之间通过事件进行通信。...
描述提到"配置proxy就好请求就可以从后台拿数据",这通常意味着在实际应用中,proxy会被配置为某种类型,如AjaxProxy或ScriptTagProxy,以便与服务器进行异步通信,获取或提交数据。但在这个例子中,由于是本地数据...
4. **数据绑定**:掌握Store、Model和Proxy的概念,以及如何通过Ajax或JSONP与服务器进行数据交互。 5. **图表和图形**:学习如何使用ExtCharts或Ext.draw组件创建动态图表和复杂图形,为数据可视化提供支持。 6. ...
《精通JS脚本之ExtJS框架》附有配套光盘,提供了书中实例的源代码和视频教学文件。此外,读者还可以通过访问itzcn网站来获得即时在线帮助。 《精通JS脚本之ExtJS框架》可以作为Web开发的自学参考书,也可以作为...