`
keepwork
  • 浏览: 332106 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

EXT--ScriptTagProxy解决跨域json调用

    博客分类:
  • EXT
ext 
阅读更多

开发者博客www.developsearch.com

 

 

相信很多朋友有时候会调用一些跨域的json,这时候用Ext.data.HttpProxy 就不灵了,这是由于安全方面的原因.Ext也为我们提供了另一个专门跨域调用的类,Ext.data.ScriptTagProxy,下面我们来看看这一个方法如何使用.
我们先来看一段Ext例子里面的代码:
.JS代码如下:

// create the Data Store
   var store = new Ext.data.Store({
       // load using script tags for cross domain, if the data in on the same domain as
       // this page, an HttpProxy would be better
       proxy: new Ext.data.ScriptTagProxy({
           url: 'http://extjs.com/forum/topics-browse-remote.php'
       }),

       // create reader that reads the Topic records
       reader: new Ext.data.JsonReader({
           root: 'topics',
           totalProperty: 'totalCount',
           id: 'threadid',
           fields: [
               'title', 'forumtitle', 'forumid', 'author',
               {name: 'replycount', type: 'int'},
               {name: 'lastpost', mapping: 'lastpost', type: 'date', dateFormat: 'timestamp'},
               'lastposter', 'excerpt'
           ]
       }),

       // turn on remote sorting
       remoteSort: true
   });
   store.setDefaultSort('lastpost', 'desc');

 

开发者博客www.developsearch.com

分享到:
评论

相关推荐

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

    Ext.data.HttpProxy和Ext.data.ScriptTagProxy是两种常见的Proxy类型,分别用于处理HTTP请求和通过标签加载数据。五、Ext.data.ReaderReader是用于解析服务器返回的数据,将其转换成Record实例的组件。在JsonStore中...

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

    本文将深入探讨如何处理无限级JSON数据格式并实现动态加载,以优化EXT树的性能。 首先,我们要理解EXT树的基本结构。EXT树的每个节点都是一个`Ext.tree.Node`对象,包含ID、文本、子节点等属性。无限级树意味着树的...

    EXT核心API详解

    29、Ext.data.MemoryProxy类 ……… 25 30、Ext.data.ScriptTagProxy类 ………… 25 31、Ext.data.DataReader类 ……………26 32、Ext.data.ArrayReader类 …………… 26 33、Ext.data.JsonReader类 …………… 26 ...

    Ext数据模型Store

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

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

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

    EXT2.0中文教程

    8.5.5. 反向操作,ext把json变成字符串 8.6. 小声说说scope 8.7. 菜单和工具条 8.7.1. 至简至廉的菜单 8.7.2. 丰富一点儿的多级菜单 8.7.3. 单选多选,菜单里搞这套 8.7.4. 小把戏,定制好的菜单 8.7.5. SplitButton...

    Ext中Ajax的应用

    proxy: new Ext.data.ScriptTagProxy({ url: 'dwr/call/plaincall/UserManager.getAllUsers.js' }), reader: new Ext.data.JsonReader({ totalProperty: 'totalProperty', root: 'root' }, ['id', 'name', '...

    Ext 开发指南 学习资料

    8.5.5. 反向操作,ext把json变成字符串 8.6. 小声说说scope 8.7. 菜单和工具条 8.7.1. 至简至廉的菜单 8.7.2. 丰富一点儿的多级菜单 8.7.3. 单选多选,菜单里搞这套 8.7.4. 小把戏,定制好的菜单 8.7.5. SplitButton...

    Extjs深入浅出pdf

    - **ScriptTagProxy**:通过在页面中插入script 标签来加载JSONP(JSON with Padding)数据,常用于跨域请求。 7. **Reader**:Reader 负责解析服务器返回的数据并转化为Record 对象。常见的Reader 类型有: - **...

    Ext + dwr 实现分页功能

    var proxy = new Ext.data.ScriptTagProxy({ url: 'dwr/call/plaincall/PagingService.getData', method: 'GET', scope: this, callback: function(data, response, options) { store.loadData(data); } });...

    EXT核心API详解.doc

    27. **Ext.data.ScriptTagProxy类**:通过脚本标签加载远程数据的代理。 28. **Ext.data.DataReader类**:数据读取器,解析服务器返回的数据并转换为Record实例。 29. **Ext.data.ArrayReader类**、**JsonReader类...

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

    Ext.data支持多种数据格式,如Array、JSON、XML,以及不同的数据获取方式,如Memory(内存)、HTTP、ScriptTag等。对于不常见的数据源和协议,可以通过自定义reader和proxy来扩展其功能,例如DWRProxy使得EXT能够...

    Ext.js教程和Ext.js API

    Ext.js 是一个强大的JavaScript库,专门用于构建富客户端的Web应用程序。它提供了丰富的用户界面组件和数据绑定功能,使得开发者可以构建出具有桌面应用级别的交互式网页应用。本教程和API文档聚焦于Ext.js 3.0版本...

    Ext+3.0+API中文文档.rar

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

    ExtJS入门教程(超级详细)

    29、Ext.data.MemoryProxy类 ……… 25 30、Ext.data.ScriptTagProxy类 ………… 25 31、Ext.data.DataReader类 ……………26 32、Ext.data.ArrayReader类 …………… 26 33、Ext.data.JsonReader类 …………… 26 ...

    Ext与后台数据库交互

    `Ext.data.DataProxy`定义了如何从服务器获取数据,并可以针对不同的数据源实现不同的代理类,如`AjaxProxy`、`ScriptTagProxy`等。 - **Reader(数据读取器)**:`Ext.data.DataReader`定义了如何解析从服务器...

Global site tag (gtag.js) - Google Analytics