`

Extjs4中Ext.data.JsonP解析

阅读更多

      JSONP (或者说 "JSON with padding")是基本JSON数据格式的一个补充,其中典型的用法是允许一个页面跨域访问获取数据,作为跨域访问的一个解决方案,JSONP是一个

      在同源策略(same origin policy),一个来自于域名server1.example.com 的页面是不能与不同于server1.example.com 域进行正常连接或者通信的,有一个例外,就是Html的<script>标签元素,利用对<script>元素的开放策略(可跨域访问),一些页面用<script>来找到页面中JavaScript代码,来操作从其他域(跨域)返回的JSON格式的数据,

 

让我们看看他是怎么运行的,首先,我们假设由一个URL被访问了,返回了一个JSON数据,该URL是JavaScript程序通过XMLHttpRequest请求的。例如,假设我们的URL是http://server2.example.com/RetrieveUser?UserId=xxx 假设, 用户“Cheeso” 的Id是“1823”. 浏览器请求此URL http://server2.example.com/RetrieveUser?UserId=1823, 传递“Cheeso”的Id作为参数,将得到如下:

  {"Name": "Cheeso", "Id" : 1823, "Rank": 7}

 

分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    Ext Js权威指南(.zip.001

    7.2.6 跨域处理数据的代理:ext.data.proxy.jsonp / 312 7.2.7 为ext.direct服务的代理:ext.data.proxy.direct / 312 7.2.8 客户端代理:ext.data.proxy.client / 314 7.2.9 从变量中提取数据的代理:ext.data....

    extJs+2.1学习笔记.pdf

    学习如何利用Ajax技术进行异步通信,包括XMLHttpRequest对象、JSONP、以及使用Ext.Ajax和Ext.data.Connection发送请求。 13. **extJs 2.0 学习笔记(Ajax篇)** Ajax是ExtJS的基础,理解其工作原理、生命周期以及...

    extjs中文教程 ajax

    你可以定义模型(Model)来映射后端数据结构,使用`Ext.data.Store`来管理和加载数据,并通过`Ext.data.reader.Json`或`Ext.data.reader.Xml`解析服务器返回的数据。 在本教程中,你将学习如何配置`Ext.data.Model`...

    Extjs4 Grid分页与自动刷新

    下面详细介绍如何在Extjs4中实现Grid的分页功能。 **1.1 创建数据存储(Store)** 首先需要创建一个`Ext.data.Store`实例,这是Extjs中用于存储和管理数据的核心对象。在创建Store时,需要设置分页参数`pageSize`...

    老师整理的extjs学习笔记

    ExtJS 中的所有组件都继承自 `Ext.Component` 类,而 `Ext.Component` 又继承自 `Ext.util.Observable` 类。这意味着所有的组件都具有事件管理的能力。 **3.2 ExtJS 常用组件的继承关系及其管理** ExtJS 提供了...

    Extjs4 API文档阅读(四)——Data

    `Data`包是Extjs4中极其关键的一部分,它提供了强大的数据管理功能,包括数据的加载、保存、排序、分组和过滤等。通过理解模型类、存储类和代理类的工作原理,开发者可以更加高效地构建出具有丰富交互功能的应用程序...

    Extjs规范(自己的)

    确保服务器返回的数据结构与预期的模型(`Ext.data.Model`)匹配,便于解析和渲染。 5.2.2、其他格式 虽然JSON是首选,但根据需求,也可以处理XML、CSV或其他数据格式。ExtJS提供了`Ext.data.reader.Reader`抽象类...

    EXTJS 折线 chart action 代码示例

    在EXTJS中,折线图(line chart)是一种常见的图表类型,常用于展示趋势或时间序列数据。本篇文章将深入探讨EXTJS折线chart与action交互的代码示例,以及如何通过远程和本地加载数据。 首先,让我们了解EXTJS折线...

    extjs_02_grid显示本地数据、显示跨域数据_.docx

    假设服务器端提供了一个 JSONP 格式的 API 接口,我们可以使用 ExtJS 的 `Ext.Ajax.request` 方法来请求这些数据: ```javascript Ext.Ajax.request({ url: 'http://example.com/data.json?callback=?', callback...

    Extjs 自定义树结构实现以及动态表头实现

    3. **数据源**:数据通常从服务器获取,可以使用`Ext.data.TreeStore`,它会自动处理JSON数据的解析和加载。你需要定义`root`配置项,指定数据在JSON响应中的位置。 4. **树的加载和渲染**:通过调用`TreeStore....

    extmaxdate3.rar_ext_大数据

    4. **Ext.data.proxy.Proxy**:定义数据如何从服务器获取,可以是Ajax、ScriptTag、JsonP等。配置`proxy`的`url`指向服务器接口,`paramsAsJson`或者`extraParams`可以传递分页参数。 5. **服务器端接口**:服务器...

    extjs.3.0中文API

    3. 数据绑定(Data Binding):通过Ext.data.Store和Model,可以方便地将数据绑定到UI组件,实现数据的实时更新。 二、控件与组件 1. 表格(Grid):ExtJS的表格组件支持分页、排序、过滤和自定义编辑等功能,可以...

    extjs tree

    在ExtJS中,TreePanel是用于展现树形结构的主要组件。它允许用户通过拖放操作进行交互,支持节点的展开、折叠、添加、删除等功能,同时还可实现异步动态加载,以提高性能和用户体验。动态加载意味着只有在用户滚动或...

    extjs editgrid示例代码

    2. **数据源(store)**:在上述代码中,`myStore`是一个Ext.data.Store对象,用于存储和管理数据。需要配置模型(model)定义数据字段,以及数据加载方法(可能是JSONP、Ajax等)。 ```javascript var myModel = ...

    extjs实现动态树加载菜单

    1. **配置树节点**:首先,我们需要为树节点定义模型(Ext.data.TreeModel),并在模型中设置`leaf`属性为`false`来表示这是一个可扩展的节点,而非叶子节点。同时,可以设置`children`字段来定义数据源。 2. **...

    Extjs深入浅出pdf

    4. **Ext.data.Store**:Store 是EXTJS 中数据的核心容器,它管理一组Record 对象。Store 提供了加载、排序、过滤、更新和删除数据的功能。基本应用包括创建store、配置数据源、加载数据等。对数据排序可以通过定义...

    ExtJs异步请求和特殊用途

    ExtJS提供了内置的JSON解析器,可以自动将服务器返回的JSON字符串解码为JavaScript对象。如上例所示,`Ext.decode(response.responseText)`用于将响应文本转换为JavaScript对象。 4. **异步请求的回调函数**: - ...

    ext分页客户端demo Java js

    EXTJS中的分页组件主要由Ext.grid.Panel和Ext.data.Store两个核心部分构成。Ext.grid.Panel是数据展示的网格组件,而Ext.data.Store则负责管理数据,包括加载、缓存和分页功能。 1. **EXTJS分页组件**: - **Ext....

    Extjs4树结构异步加载

    在ExtJS4中,树形结构(Tree)是一种常见的UI组件,它允许用户以层级结构展示数据。在本示例中,我们关注的是树结构的异步加载,这是一种优化性能的技术,避免一次性加载大量数据导致页面响应缓慢。 异步加载,也...

    ExtJS 使用grid显示数据

    2. **数据存储(Store)**:管理数据集,它可以是本地数据或远程数据,如`Ext.data.Store`,配置数据源、proxy(代理)用于与服务器通信,例如JSONP或Ajax。 3. **列模型(Column Model)**:定义Grid的列布局,`...

Global site tag (gtag.js) - Google Analytics