`

ScriptTagProxy学习笔记

阅读更多

ScriptTagProxy 是支持script标签的proxy,其主要工作原来是建立<script language="javascript"></script>标签

从服务器端返回JS文件,一般和JSON搭配使用

1:服务器端要处理一个名为callback的参数,其作用是返回一个名为 param("callback")({});的对象。

2:trans_id是一个递增的事物Id,主要用来防止并发请求对象名称重复。

var stp=new Ext.data.ScriptTagProxy({
   url:"http://127.0.0.1:8080/CommonWeb/jsonData.jsp",
   timeout : 10000,
   callbackParam : "JsonObj",
   nocache : true,/*Ext会在参数后加时间戳*/
   ///*
   listeners : {
    load :function(t,o,a){
     alert(t);
    }
   }
   //*/
  });
stp.addListener("load",function(){alert("load")});

var read=new Ext.data.JsonReader({
   id: 'rowid',
   root: 'rowset',
   totalProperty: 'count',
   fields: [
    "title"
   ]
  });
stp.load({params:{start:0, limit:1}},read,backFn);

function backFn(data,args,sucess){
 alert(sucess)
 alert(data.totalRecords)
 alert(data.records[0].id)
 alert(data.records[0].get("title"))
}

 

比较郁闷的一点是 添加事件时候用 listeners 不管用,而用addListener就可以,不知道为什么.....

<%=request.getParameter("JsonObj")%>({
 "count":"1",
 "rowset":[{
  "rowid":"1",
  "title":"return mys title"
  }]
});

 

分享到:
评论

相关推荐

    JavaScript.-Extjs基础学习笔记

    在这个例子中,`MemoryProxy`被用作数据源,但也可以替换为`ScriptTagProxy`等其他代理,以便从远程服务器加载数据。最后,`GridPanel`对象被创建,指定了渲染目标、数据源、列模型、选择模型等属性。 ### 总结 ...

    extjs 学习笔记 四 带分页的grid

    在本例中,因为需要从外部服务器获取数据,故使用了ScriptTagProxy代理,并指定了数据的URL地址。获取的服务器数据格式必须包含totalProperty属性和root属性对应的集合。 构造PagingToolbar时,需要指定一个json...

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

    标题中的"ext3 gridRowEditor本地数据简单...通过对这个demo的学习,你可以了解如何在ExtJS 3.x中创建一个具有行编辑功能的表格,以及如何处理本地数据。这对于开发任何需要用户编辑表格数据的应用程序都是很有帮助的。

    ExtJS 2.0实用简明教程(chm)

    6. **Ajax和AJAX代理**:了解如何使用Ajax进行异步通信,以及配置不同类型的AJAX代理,如HttpProxy、ScriptTagProxy等。 7. **国际化**:学习如何实现应用程序的多语言支持,以适应全球化需求。 8. **主题和皮肤**...

    extjs学习资源

    - **数据代理**: `DataProxy`、`HttpProxy`、`MemoryProxy`和`ScriptTagProxy`用于从不同来源加载数据。 - **数据读取器**: `DataReader`、`ArrayReader`、`JsonReader`和`XmlReader`用于解析不同格式的数据源。 ...

    Ext.js教程和Ext.js API

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

    EXTJS2 API

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

    Extjs中文api

    数据代理则抽象了数据源,如HTTP代理、ScriptTagProxy等。 12. **事件处理(Event Handling)**: 所有ExtJS组件都基于事件驱动,通过监听和触发事件,实现组件间的交互。 通过“Ext3.2中文API(最终完成版2010-10-...

    extjs核心api详解.doc

    EXTJS核心API详解是一系列详细解析EXTJS框架中关键组件和功能的文档。EXTJS是一个基于JavaScript的富客户端开发框架,用于构建交互式、...通过学习和实践,开发者可以利用EXTJS构建出具有专业级用户体验的Web应用程序。

    Ext3.2中文API

    5. **AJAX和数据Proxy**:Ext3.2提供了一个强大的AJAX层,通过AjaxProxy或ScriptTagProxy等数据Proxy,可以方便地进行异步数据请求和响应处理。 6. **Grid组件**:Grid是Ext3.2中的重要组件,用于展示大量结构化的...

    Extjs深入浅出pdf

    EXTJS 是一个强大的JavaScript 库,专用于构建富客户端应用程序。深入浅出EXTJS 的PDF 文档...通过深入学习EXTJS 的数据存储与传输,开发者可以更好地组织和管理应用程序的数据流,提高用户体验,同时降低服务器负载。

    Ext+3.0+API中文文档.rar

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

    Extjs 3.0 中文API

    中文API帮助手册是开发者学习和掌握ExtJS 3.0的重要参考资料,它包含了框架的所有类、方法、属性和事件的详细解释。 在《ExtJS 3.0 中文API》中,我们可以找到以下几个关键的知识点: 1. **组件体系**:ExtJS 3.0...

    ExtJS2.0教程

    通过"ExtJS2.0教程.chm"这个帮助文件,我们可以详细学习到以上各个方面的知识,掌握如何利用ExtJS 2.0创建高效、美观且功能强大的Web应用。该教程将涵盖基本概念、实例演示、代码解析等,是初学者和进阶者的宝贵资源...

    ext树 无限级 json 数据格式 动态加载

    TreeStore可以通过配置`proxy`来指定数据源,通常使用Ajax或ScriptTagProxy来实现异步加载。以下是一个基本配置示例: ```javascript var treeStore = Ext.create('Ext.data.TreeStore', { proxy: { type: 'ajax'...

    Ext3.0中文API

    Ext3.0中文API是一款非常实用的...通过深入学习和熟练运用这些API,开发者可以构建出高效、响应式的Web应用程序。在实际工作中,结合实际项目需求,参考API文档进行代码编写,能够更好地理解和利用Ext3.0的强大能力。

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

    - `ScriptTagProxy`: 用于动态加载脚本,通常用于JSONP(JSON with Padding)跨域数据请求。 2. **DataReader**: DataReader是解析服务器返回数据的类,将原始数据转换为EXT JS可操作的对象。常见的DataReader类型...

    Ext数据模型Store

    EXT提供了多种Proxy的实现,包括`MemoryProxy`用于处理客户端内存中的数据,`HttpProxy`用于通过Ajax请求获取服务器端数据,以及`ScriptTagProxy`用于跨域数据请求。HttpProxy通常与`Ext.Ajax`一起使用,处理JSON、...

Global site tag (gtag.js) - Google Analytics