跳转到主要内容

单击提交则表示您同意developerWorks 的条款和条件。 查看条款和条件.

当您初次登录到 developerWorks 时,将会为您创建一份概要信息。您在 developerWorks 概要信息中选择公开的信息将公开显示给其他人,但您可以随时修改这些信息的显示状态。您的姓名(除非选择隐藏)和昵称将和您在 developerWorks 发布的内容一同显示。

所有提交的信息确保安全。

  • 关闭 [x]

当您初次登录到 developerWorks 时,将会为您创建一份概要信息,您需要指定一个昵称。您的昵称将和您在 developerWorks 发布的内容显示在一起。

昵称长度在 3 至 31 个字符之间。 您的昵称在 developerWorks 社区中必须是唯一的,并且出于隐私保护的原因,不能是您的电子邮件地址。

单击提交则表示您同意developerWorks 的条款和条件。 查看条款和条件.

所有提交的信息确保安全。

  • 关闭 [x]

用 Ajax 和 del.icio.us 创建自己的信息空间

通过设计 Ajax “超级页面” 改进 del.icio.us 体验

Tyler Anderson, 自由作家, Backstop Media
Tyler Anderson 拥有 Brigham Young 大学的计算机科学学士学位和计算机工程硕士学位。Tyler 目前是 Backstop Media 的一名自由作家兼开发人员。

简介:  del.icio.us 是一个社交性书签 Web 站点,它允许用户创建和共享独立于浏览器的书签,可以通过因特网直接访问这些书签。这个站点对传统的浏览器书签的层次化组织方式做了革新,让用户能够把书签与任意数量的描述性标记关联起来。想像一下,在一个页面上保存您的 del.icio.us 标记、链接和功能,或者在一个页面上把正在浏览的站点直接保存到 del.icio.us 帐户中,并加上评论和选择的标记。本教程讲解如何使用 Ajax 构建这样的页面,并用一个 PHP 脚本作为服务器端代理。

发布日期:  2008 年 3 月 27 日
级别: 中级

访问情况 : 4042 次浏览
评论: 

开始之前

如果您是 Ajax 开发人员,希望通过在 Ajax 应用程序中访问 Web API 和解析 XML,设计更好的 Ajax 页面,那么本教程正好适合您。具体地说,我们将访问 del.icio.us Web API,对与 del.icio.us 帐户相关联的链接和标记进行管理。

关于本教程

本教程讲解如何使用 Ajax 和一个 PHP 代理脚本访问 del.icio.us Web API,这些访问都在一个 “超级页面” 上进行,这个页面的效果就像是哈利波特读书俱乐部的主页。这个页面将放在因特网上,允许任何人访问,这样您的读书俱乐部就可以吸引新成员加入(当然,您可能希望建立注册机制,以便控制能够在页面上添加链接的用户)。del.icio.us API 使开发人员能够创建定制的书签管理应用程序,允许用户(比如您自己和读书俱乐部的成员)在俱乐部的主页上直接管理俱乐部 del.icio.us 帐户中的标记和书签,而不需要访问 del.icio.us 站点。

本教程包含以下内容:

  • 学习 del.icio.us 的概念。
  • 学习可用的各种 API 并在浏览器中测试它们。
  • 使用大量 div 标记设计一个没有表格的超级 Web 页面。
  • 用 PHP 开发一个服务器端代理,用来处理 del.icio.us API 调用和网络冲浪。
  • 解析 del.icio.us API 返回的 XML,并用解析后的数据修改 div 标记中的 HTML。
  • 在超级页面上实现以下 del.icio.us API:
    • tags/get —— 用于从 del.icio.us 帐户中获取标记
    • tags/rename —— 用于修改标记的名称
    • posts/add —— 用于在 del.icio.us 帐户中直接添加新的书签
    • posts/get —— 用于从帐户中获取与所选标记相关联的书签
    • posts/delete —— 用于删除帐户中的现有书签

这些 API 功能使您的读书俱乐部成员能够访问您创建的可定制 Web 页面,并通过这个页面向俱乐部的 del.icio.us 帐户中添加书签和标记。


前提条件

除了文本编辑器和浏览器之外,还需要 PHP 和 Web 服务器:

  • PHP —— 我们将用 PHP 实现代理。任何版本都可以。
  • Apache2 —— 建议使用 Apache2 HTTP 服务器作为 Web 服务器。

为了在 Windows® 上轻松地安装 Apache2 和 PHP 以及 MySQL(本教程不需要 MySQL),可以考虑使用 WampServer 的最新版本。

1 页,共 10 | 后一页

评论



static.content.url=http://www.ibm.com/developerworks/js/artrating/
SITE_ID=10
Zone=Web development, Open source, XML
ArticleID=296747
TutorialTitle=用 Ajax 和 del.icio.us 创建自己的信息空间
publish-date=03272008
author1-email=tyleranderson5@yahoo.com
author1-email-cc=ruterbo@us.ibm.com

标签

Help
使用 搜索 文本框在 My developerWorks 中查找包含该标签的所有内容。

使用 滑动条 调节标签的数量。

热门标签 显示了特定专区最受欢迎的标签(例如 Java technology,Linux,WebSphere)。

我的标签 显示了特定专区您标记的标签(例如 Java technology,Linux,WebSphere)。

使用搜索文本框在 My developerWorks 中查找包含该标签的所有内容。热门标签 显示了特定专区最受欢迎的标签(例如 Java technology,Linux,WebSphere)。我的标签 显示了特定专区您标记的标签(例如 Java technology,Linux,WebSphere)。