`
ynp
  • 浏览: 437869 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

ScriptTagProxy与jsp后台交互实例

 
阅读更多
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,否则不会出结果。
分享到:
评论
1 楼 gbj_2008 2011-12-28  
不行啊,不能运行啊大哥

相关推荐

    Ext与后台数据库交互

    ### Ext与后台数据库交互知识点详解 #### 一、Ext中常用的类 在Ext框架中,为了更好地处理数据和用户界面的交互,引入了一系列强大的类来简化开发过程。 ##### 1.1 Ext.data `Ext.data`是Ext框架的核心模块之一...

    ext 基本知识-store-proxy-reader-ext-connection-实例

    总结起来,本篇内容涵盖了ExtJS中的核心数据组件,包括Ext.data.Connection的使用、Ext.data.Record的创建与操作、Ext.data.Store的配置以及数据交互的Proxy和Reader机制。这些知识是构建基于ExtJS的异步数据驱动...

    深入浅出Ext_JS:数据存储与传输

    它是HttpProxy和ScriptTagProxy等代理类的基础,用于与后台进行异步数据交换。通过Connection,开发者可以更简单地配置和执行Ajax请求,包括设置请求头、超时时间、附加参数、请求方法等。 下面是一个使用Ext.data....

    EXTJS2 API

    5. **数据代理(Data Proxy)**:EXTJS2的数据代理提供了一种与后台服务器通信的方式,包括Ajax代理、ScriptTagProxy、MemoryProxy等,用于异步加载和保存数据。 6. **事件处理(Events)**:EXTJS2组件之间通过...

    JavaScript.-Extjs基础学习笔记

    这两个控件是Extjs框架中非常实用且功能丰富的部分,广泛应用于Web应用程序的界面设计与交互逻辑构建。 ### Tab Panel(标签页控件) Tab Panel组件允许开发者在一个界面上组织多个相关的页面或面板,每个页面通过...

    ExtJS2.0教程

    5. **远程数据交互(Ajax)**:通过Ext.Ajax对象,开发者可以方便地与服务器进行异步通信,实现数据的获取和提交。ExtJS 2.0也支持JSONP和ScriptTagProxy等跨域数据访问技术。 6. **网格组件(Grid)**:ExtJS 2.0...

    Extjs 3.0 中文API

    11. **AJAX请求的封装**:如JsonP和ScriptTagProxy,可以跨域获取数据,扩展了与远程服务的交互能力。 12. **主题(Theme)**:内置多种皮肤,可以快速改变应用的外观,也可以自定义主题以适应品牌需求。 13. **...

    Ext.js教程和Ext.js API

    8. **Ajax和数据通信**:使用Ajax请求进行后台通信,包括JsonP和ScriptTagProxy。 9. **国际化(i18n)**:如何支持多语言应用。 10. **性能优化和最佳实践**:提高应用性能的技巧和建议。 通过结合中文API文档和...

    etjs核心api详解免费范文精选.docx

    1. **DataProxy**: 数据代理是EXT JS中数据层的重要组成部分,它负责与服务器端进行数据交互。主要的DataProxy类型有: - `HttpProxy`: 通过HTTP请求与服务器通信,通常用于RESTful API。 - `MemoryProxy`: 用于...

    Ext数据模型Store

    Store通过与Proxy和DataReader的配合,能够处理来自不同源的数据。 Proxy是数据获取的代理,它抽象了数据获取的机制,允许从不同的数据源获取数据。EXT提供了多种Proxy的实现,包括`MemoryProxy`用于处理客户端内存...

    Ext+3.0+API中文文档.rar

    4. **远程数据通信**:通过Ajax或ScriptTagProxy实现与服务器的数据交互,支持RESTful API和XML、JSON等多种数据格式。 5. **表单处理**:提供了丰富多样的表单组件和表单处理功能,包括验证、提交、重置等,方便...

    Ext + dwr 实现分页功能

    这种方法不仅能够简化前端与后端的数据交互,还能提高应用程序的整体性能。 #### 二、基础知识介绍 1. **Ext JS**:Ext JS是一款基于JavaScript的开源框架,用于构建交互式的Web应用。它提供了丰富的UI组件库,...

    Extjs中文api

    4. **数据存储(Data Store)**: 数据存储是用来管理数据集合的类,它可以与服务器进行异步交互,支持JSON、XML等多种数据格式。 5. **网格(Grid)**: 网格组件是ExtJS的一个强大特性,用于展示大量数据。它支持...

    Ext3.2中文API

    Store可以与各种数据源进行交互,如JSON、XML,甚至远程服务器。同时,Store与Grid、Form等组件之间实现双向数据绑定,使得数据操作更加便捷。 4. **事件模型**:Ext3.2的事件模型允许组件之间通过事件进行通信。...

    ext3 gridRowEditor本地数据简单demo,有注释

    描述提到"配置proxy就好请求就可以从后台拿数据",这通常意味着在实际应用中,proxy会被配置为某种类型,如AjaxProxy或ScriptTagProxy,以便与服务器进行异步通信,获取或提交数据。但在这个例子中,由于是本地数据...

    ExtJS 2.0实用简明教程(chm)

    4. **数据绑定**:掌握Store、Model和Proxy的概念,以及如何通过Ajax或JSONP与服务器进行数据交互。 5. **图表和图形**:学习如何使用ExtCharts或Ext.draw组件创建动态图表和复杂图形,为数据可视化提供支持。 6. ...

    精通JS脚本之ExtJS框架.part2.rar

     《精通JS脚本之ExtJS框架》附有配套光盘,提供了书中实例的源代码和视频教学文件。此外,读者还可以通过访问itzcn网站来获得即时在线帮助。  《精通JS脚本之ExtJS框架》可以作为Web开发的自学参考书,也可以作为...

Global site tag (gtag.js) - Google Analytics