JSON 与 Ajax

JSON 与 Ajax

AJAX 就是异步 JavaScript 和 XML，它是一组用于客户端的相互关联的 Web 开发技术，以创建异步 Web 应用程序。遵循 AJAX 模型，Web 应用程序可以以异步的方式发送数据以及从服务器上检索数据，而不影响现有页面的显示行为。

许多开发人员都在客户端和服务器之间使用 JSON 传递 AJAX 更新。实时更新体育成绩的站点就可以视为一个 AJAX 例子。如果这些成绩要更新到站点上，那么必须要把它们存储到服务器上便于需要时网页能取回这些成绩。这里我们可以使用 JSON 格式的数据。

任何使用 AJAX 更新的数据都可以使用 JSON 格式存储在 Web 服务器上。使用 AJAX，那么 JavaScript 就可以在必要时取回这些 JSON 文件，解析它们，然后做以下两件事情：

• 把它们显示到网页上之前将解析的值存储到变量中便于进一步处理。
• 直接分配数据给网页中的 DOM 元素，那么它就会显示在站点上。

示例

下面的代码展示了 JSON 和 AJAX，请把它们保存为 ajax.html 文件。这里的加载函数 loadJSON() 将会使用异步的方式上传 JSON 数据。

Cricketer Details

Name
Country
Sachin
India


Update Details 

下面就是包含 JSON 格式数据的输入文件 user.json，当我们点击 Update Detail 按钮时会以异步的方式请求这个json。这个文件已经保存到https://atts.w3cschool.cn/articles/user.json上了。

{"name": "brett", "country": "Australia"}

上面的 HTML 代码会生成如下所示屏幕显示，这里你可以进行 AJAX 实战：

当我们点击 Update Detail 按钮时，应该会得到如下所示的结果，你也可以自己尝试 JSON 和 AJAX，提供你自己的浏览器支持的 JavaScript。

 由于CROS的存在，跨域请求处理会被浏览器屏蔽掉，所以ajax请求只能在相同域名下进行请求（比如本站的网页请求本站的Ajax），以上代码在在线运行情况下是可以运行的，但在本地情况下不能运行，望知悉。