Ajax 和 JSON 教程

　你会看到这个提示，那是因为你的系统无法识别某栏目的模型信息，或者你新建模型后，没为这个模型设计单独的模板。不同模型的文档浏览页的模板为：article_模型名字标识.htm 如“article_article.htm”，更多的信息你可以在频道模型管理的地方查看。

文件类型 内容：
模板调用标记：

.exe

语言内容：
模板调用标记：

简体中文

软件类型 内容：
模板调用标记：

国产软件

授权方式 内容：
模板调用标记：

共享软件

操作系统 内容：
模板调用标记：

软件等级 内容：
模板调用标记：

官方网址 内容：
模板调用标记：

演示网址 内容：
模板调用标记：

软件大小课程时长 内容：
模板调用标记：

下载资料 内容：
模板调用标记：

详细介绍 内容：
模板调用标记：

JSON 文件被放置在服务器端，客户端请求该文件用得最多的是 Ajax，能够实现异步请求。

JSON 浅谈 — 6.0 Ajax 和 JSON

1. Ajax 是什么

AJAX，全称 Asynchronous JavaScript and XML，即“异步的 JavaScript 和 XML”，一般写作 Ajax。

Ajax 能够与服务器交换少量数据，从而异步地更新部分网页。异步指的是当 Ajax 执行交换数据的操作时，其他的操作仍然可以执行。

一个最常见的应用是：打开百度或谷歌首页，当输入文字后，搜索栏下方会显示出几个建议的搜索词。这正是 Ajax 的应用。

2. 创建和使用 Ajax

创建 Ajax 对象要考虑浏览器的版本问题，主要分为两大类：IE7+/Chrome/Firefox/… 和 IE6/IE5.。

JSON 浅谈 — 6.0 Ajax 和 JSON

然后，只要用如下方式创建即可。

JSON 浅谈 — 6.0 Ajax 和 JSON

假设服务器端有一个文件 test.json，则异步地请求文件，并输出到控制台的代码如下。

JSON 浅谈 — 6.0 Ajax 和 JSON

其中，xmlhttp.readyState 存有 XMLHttpRequest 的状态，有五个值：

xmlhttp.staus 的值为请求结果，200 表示“OK”，404 表示未找到页面。

获取来自服务器的响应，可使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性，前者是以字符串形式，后者是以 XML 形式。

3. d3.json、d3.xml 等函数的实质

在 D3.js 中经常使用的 d3.json、d3.xml 等请求服务器数据的函数，都是 Ajax 的作用结果。例如，通过本章和【JSON – 第 3.0 章】的内容，我们可以想象，d3.json 就是：

通过 Ajax 请求服务器的数据，然后用 JSON.parse() 将返回的字符串转换成 JavaScript 对象的结果。

因此，要时刻记住 d3.json 是异步请求，像这样的代码是不可取的：

JSON 浅谈 — 6.0 Ajax 和 JSON

原文：http://www.ourd3js.com/wordpress/?p=1940

下载级别 内容：
模板调用标记：

需要金币 内容：
模板调用标记：

课程难度 内容：
模板调用标记：

(责任编辑：zengmumu)