`
keepwork
  • 浏览: 332808 次
  • 性别: 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、文本、子节点等属性。无限级树意味着树的...

    extjs帮助文档

    - `Ext.util.JSON.decode(json)`:从JSON字符串中解析出数据。 #### 十九、Ext.util.Format类(第20页) - **概述**:Ext.util.Format类提供了一组用于格式化数据的方法。 - **常用方法**: - `Ext.util.Format....

    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类型...

    extjs帮助文档pdf版

    - `Ext.util.JSON.decode(json)`: 将JSON字符串转换为JavaScript对象。 #### 19. Ext.util.Format 类 (P.20) - **概述**:提供了数据格式化方法。 - **常用方法**: - `Ext.util.Format.date(value, format)`: ...

    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 开发指南 学习资料

    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