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操作与页面进行交互。因此一次互动的过程就完成了。

原文地址:https://www.cnblogs.com/llsblog/p/10787372.html