Backbone - 从 API 获取 JSON 数据

2024-04-01

这几天我在玩Backbone..

我想从 Twitter 搜索 API 接收一些数据。但我真的不明白它是如何工作的。这是我的代码:

(function($){

Tweet = Backbone.Model.extend();

Tweets = Backbone.Collection.extend(
    {
        model: Tweet,

        url: 'http://search.twitter.com/search.json?q=Hamburg&rpp=5&lang=all&callback=?',
        parse: function(response)
        {
            return response.results;
        }
    });

DefaultTweetView = Backbone.View.extend(
    {
        initialize: function(){
          _.bindAll(this, 'render');
     }

        template: _.template('<p>@<%= from_user %> <em></em></p><p><%= text %></p><p><%= location %></p>'),
        render: function()
        {

            $(this.el).html(this.template(this.model.toJSON()));
            return this;
        }
    });
app = new Tweet();
})(jQuery);

我认为这可能是不对的。但我不知道如何处理它:( 有人可以帮助我或发布一个链接,我可以在其中遵循一些有关 json 数据和主干的说明吗?


说明

您的实际代码不起作用,因为您有语法错误,并且您刚刚初始化了模型。

如果不覆盖 Backbone.sync 方法,就无法访​​问 Twitter API(同源策略问题:http://en.wikipedia.org/wiki/Same_origin_policy http://en.wikipedia.org/wiki/Same_origin_policy,解决方案已经发布在这里:Backbone Collection jsonp ajax 结果未正确生成模型 https://stackoverflow.com/questions/8430113/backbone-collection-jsonp-ajax-results-not-generating-model-correctly)

在我看来,学习 Backbone JS 最好的事情就是理解代码是如何工作的,为了帮助你,Backbone JS 文档在这里:http://documentcloud.github.com/backbone/ http://documentcloud.github.com/backbone/

Example

我用您的代码创建了一个工作 jsFiddle :http://jsfiddle.net/Atinux/v4K6A/ http://jsfiddle.net/Atinux/v4K6A/

所以有了它你就可以开始更好地理解Backbone JS。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Backbone - 从 API 获取 JSON 数据 的相关文章

随机推荐

  • Javascript MVC 框架的目的[关闭]

    Closed 这个问题是基于意见的 help closed questions 目前不接受答案 我想知道 Javascript MVC 框架 例如 Backbone js 和 Spine js 的用途 作为一名热心 经验丰富的 Ruby o
  • jquery:在选择更改时按名称调用函数

    我正在尝试按名称调用函数 onchange选择但没有任何反应 当功能描述在属性之后时 它就起作用了 这不起作用 HTML
  • 行中的三个按钮 -> 调整大小以适合父级宽度

    我有这个布局 Linear Layout Scroll View Relative Layout 9x 按钮 在这样的视图中 3x3 网格 o o o o o o o o o 每个按钮都有它的背景 没有文字 背景如下
  • 从javascript隐藏handsontable的列

    有什么方法可以隐藏 JavaScript 中的热门列吗 要求是要隐藏的列将作为 javascript 中的参数出现 并且相应的列将相应地显示隐藏 HOT 有 rowHeaders 和 colHeaders 以及 20 列的数据 请指教 过时
  • 如何在 zip 文件上使用 grep 命令

    我想从 zip 文件中 grep 查找今天的日期 怎么能做到这一点呢 我有一个名为 sen2616 z 的 zip 文件 我想获取今天日期 09 02 2014 的所有数据 请用zipgrep zgrep适用于 gz 文件 不适用于 zip
  • 查找后面不跟某个字符的“单词”

    搜索的正则表达式是什么word后面不跟的字符串 symbol 例如 mywordLLD OK myword dff OK myword ld Exclude The 消极的展望 http www regular expressions in
  • YouTube API - 按发布日期查询

    我正在编写一个网络应用程序 它使用 YouTube 代码 API 来执行特定类型的搜索 在本例中 我尝试搜索与查询匹配且在两个日期之间上传的所有视频 这个文件 http code google com apis youtube 2 0 de
  • 在Python中将文件更改为只读模式

    我正在编写一个数据处理代码 在其中创建一个新文件 将处理后的数据写入该文件并关闭 但该文件必须以只读模式关闭 以免被意外修改 这可以用 Python 完成吗 为此 您使用os chmod https docs python org 2 li
  • 有 Groovy 的源代码格式化程序吗? [关闭]

    Closed 这个问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 我在 Java 项目中使用 Jalopy 的商业版本 但它不适用于 Groovy 文件 Intelli
  • 处置 SqlCommand

    Because SqlCommand实施IDisposable 我通常会按如下方式处理 ADO 查询 using SqlConnection connection new SqlConnection connectionString usi
  • 测试 Javascript 中未定义的嵌套对象[重复]

    这个问题在这里已经有答案了 可能的重复 javascript测试嵌套对象键是否存在 https stackoverflow com questions 2631001 javascript test for existence of nes
  • GruntJs 'grunt' cmd 打开 Visual Studio?

    我已经能够使用GruntJs https github com cowboy grunt在几个零问题的个人项目上 我决定在我的工作项目中使用它 I run grunt init gruntfile这样就可以创建 gruntfile 和 pa
  • oracle 11G中自动删除最旧的分区

    如果分区超过三个月 我需要从间隔分区表中删除分区 是否有 Oracle 实用程序 函数可以执行此操作 或者如果没有 如何实现 请指导我 Database version Oracle 11G 我不知道有任何 Oracle 实用程序或函数可以
  • 索引有不同的表空间有什么逻辑原因吗?

    您好 有人可以告诉我为什么我们为索引和数据创建不同的表空间吗 人们普遍认为 将索引和表保存在单独的表空间中可以提高性能 现在 许多受人尊敬的专家认为这是一个神话 参见这个 问汤姆 主题 搜索 神话 https asktom oracle c
  • J2ME中的GUI设计

    我最近一直在研究移动编程 我实际上尝试了J2ME 抛光 GUI 框架 http www j2mepolish org 虽然用 Polish 制作的 GUI 看起来相当不错 但我意识到用户界面并不是我想要的 我开始在网络上搜索 Stack O
  • WPF 在选择时更改 ListboxItem 突出显示颜色

    我在设置时遇到问题HighlightBrushKey of a SelectedItem of a Listbox在 WPF 中 我的目的是根据代码中给定的布尔值设置项目的颜色 我尝试了以下步骤 实现转换器 检查布尔值并返回正确的颜色 例子
  • openssl 1.1.0 中替代 AES_ctr128_encrypt 的确切替代 API 是什么?

    我需要在 CTR 模式下使用 128 位 AES 算法来从 openssl 库进行加密 但似乎相应的函数AES ctr128 encrypt已从openssl 1 1 0g中删除 因为我收到以下错误 Documentation or ref
  • Html:无需控件即可播放音频?

    当用户单击图像时 我需要播放 mp3 音频文件 我只想播放音频 即不应该有控件 小部件等 浏览器也不应该启动外部应用程序 编辑 好的 我也许可以尝试一下 flash 有推荐的轻量级Flash播放器吗 现在有办法做到这一点 把这个
  • 更改Delphi中单元的初始化顺序

    我正在使用 Delphi XE7 开发 Windows 32 位应用程序 我的应用程序包含许多单元 其中有一个初始化部分 我需要首先初始化一个特定的初始化部分 可以设置优先级吗 我尝试在 dpr 文件中写入初始化部分 但编译器拒绝了这一点
  • Backbone - 从 API 获取 JSON 数据

    这几天我在玩Backbone 我想从 Twitter 搜索 API 接收一些数据 但我真的不明白它是如何工作的 这是我的代码 function Tweet Backbone Model extend Tweets Backbone Coll