为什么是 JSONP

摘要：因为有同源策略，而在实际开发中又常常会有跨域的需求，早期开发者为了解决跨域问题而搞出来这样一个颇为奇怪的东西。安全早期的浏览器处于安全层面的考量，制定同源策略，限制了一个源中加载文本或脚本与来自其它源中资源的交互方式。

在 WEB 开发中，经常见到诸如 AJAX、JSON、JSONP 这些名词。三者看起来很像，很多同学尤其是没有系统了解过前端技术体系的同学，平常只是借助类似 JQuery 这类库封装好的函数使用而已，并不了解其原理。但这三种东西具体是什么，有什么关系和区别却常常说不清楚。

接下来，会简要介绍一下三者的的含义，重点阐述 JSONP 的来源和原理，以及为什么 JSONP 不是 AJAX。

Ajax isn’t a technology. It’s really several technologies, each flourishing in its own right, coming together in powerful new ways. Ajax incorporates:

standards-based presentation using XHTML and CSS;

dynamic display and interaction using the Document Object Model;

data interchange and manipulation using XML and XSLT;

asynchronous data retrieval using XMLHttpRequest;

and JavaScript binding everything together.

异步 JavaScript + XML，是在 2005 年由 Jesse James Garrett 提出的一个术语。 AJAX 并非特指某种技术, 描述的是一种结合使用大量已有技术的方式, 包括: HTML 或 XHTML, CSS, JavaScript, DOM, XML, XSLT, 还有最重要的 XMLHttpRequest 对象.

尽管在 AJAX 中 X 代表 XML, 但现在更多的在使用 JSON，因为 JSON 具有很多优势，比如更轻量并且是 JavaScript 的一部分。在 AJAX 模型中 JSON 和 XML 都用于承载信息.

JSON 是一种轻量级的数据交换格式。由道格拉斯·克罗克福特（Douglas Crockford）在 2012 年发明，并逐渐取代 XML 成为事实上的数据交换格式标准。

JSON 基于 JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一个子集。但采用完全独立于语言的文本格式，并使用了类似于 C 语言家族的习惯。

在 JSON 中，一共 6 种数据类型：

number：跟 Javascript 的数值一致，除去未曾使用的八进制与十六进制格式，和一些编码细节

boolean：true 和 false

string：是由双引号包围的任意数量Unicode字符的集合，使用反斜线转义

null：null

array：数组是值（value）的有序集合。一个数组以“[”（左中括号）开始，“]”（右中括号）结束，值之间使用“,”（逗号）分隔

object：对象是一个无序的“‘名称/值’对”集合。一个对象以“{”（左括号）开始，“}”（右括号）结束，每个“名称”后跟一个“:”（冒号）；“‘名称/值’ 对”之间使用“,”（逗号）分隔

以及上面的任意组合。

在 JavaScript 中有一个全局对象 JSON，包含两个方法 JSON.stringify() 和 JSON.parse()，用于序列化和解析 JSON。

当然也有人使用 eval("(" + string + ")") 代替 JSON.parse() 来 解析JSON，相比而言这种方式的容错性更高。

因为 XMLHttpRequest 有同源策略，而在实际开发中又常常会有跨域的需求，早期开发者为了解决跨域问题而搞出来这样一个颇为奇怪的东西。产生原因和名字一样古怪，光听名字恐怕没几个人知道说的是个什么东西。

刚好