ajax、json、jsonp

这章分享下ajax、json、jsonp的学习记录，不得不说这真是些令人激动的技术。

推荐文章：

https://segmentfault.com/a/1190000012469713

http://www.ruanyifeng.com/blog/2016/04/cors.html

JSON

JSON可以理解为一种数据形式，

它有三种类型的值：

1、  简单值 字符串、数值、布尔和null

2、  对象 表示一组有序的键值对，键是字符串，值可以是简单类型和复杂数据类型。

3、  数组 表示一组有序的值的列表，可通过索引访问其中的值，数组值可以是JSON支持的任意类型。

Ajax

AJAX全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML），是一种创建交互式网页应用的网页开发技术。传统web应用浏览器在已加载页面中发与服务端交互时（发送小请求）必须等待并刷新页面，而有了Ajax则无需刷新页面也能获得请求数据并展示。

它的核心对象是XMLHttpRequest， 它能与Web服务器进行异步数据通信，然后用 Javascript把交互数据通过操作DOM进行动态显示及交互。
因为同源策略存在，一般服务端不允许跨域请求，但也可通过设置允许options请求（跨域请求）。

跨域请求分为简单请求和非简单请求，简单请求请求类型为get、post、head，请求头信息不超过Accep、Accept-Language、Content-language、Last-Event-ID、Content-Type类型的请求。其他的为非简单请求。

浏览器对这两种请求的处理是不一样的。

JSONP

JSONP的作用是与服务端交互并动态的展示数据而不用刷新页面，并且能够跨域请求。JSOP的原理来自<script>标签中的src属性具有可跨域的特性以及<script>支持异步的特性实现了数据动态的交互。

当我们创建操作dom生成<script>标签时，会对标签src属性的连接进行GET请求，此时我们可以带上请求参数和回调函数，对面接受到参数对参数进行处理并生成js文件，js文件解析出回调函数并调用它，回调函数接受到数据处理完的通过DOM操作与页面进行交互。因此一次互动的过程就完成了。