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

最新文章

  1. ACM The Famous Clock
  2. 机器学习实战 - 读书笔记(13) - 利用PCA来简化数据
  3. JQ+rotate插件实现图片旋转,兼容IE7+ \ CHROME等浏览器
  4. 【Longest Valid Parentheses】cpp
  5. Eclipse 上安装 Maven3插件
  6. UVA 10098 Generating Fast, Sorted Permutation
  7. 何謂COB (Chip On Board) ?介紹COB的演進歷史
  8. SERVERCONFIG
  9. 简单的独享smb
  10. 拜托!面试请不要再问我Spring Cloud底层原理
  11. html网页调用本地exe程序的实现方法:
  12. .NET下日志系统的搭建——log4net+kafka+elk
  13. spring security运行流程图(转)
  14. python使用requests发送application/json报文数据
  15. linux----------linux的scp命令介绍
  16. 使用Nginx+Lua实现自定义WAF
  17. 驱动保护中的ObjectType_Callback探索
  18. java 判断字符串IP合法性以及获取IP的数值形式
  19. Hibernate基础知识详解
  20. 安装itunes时提示不能删除旧版本的apple应用程序支持

热门文章

  1. Idea debug时报错:Command line is too long
  2. 基于scrapy源码实现的自定义微型异步爬虫框架
  3. theano安装问题
  4. Excel文件上传,高亮错误的行和列
  5. SSHD启动失败,错误码255
  6. 【吴恩达课后编程作业】第二周作业 - Logistic回归-识别猫的图片
  7. 请推荐一本SQL教程
  8. gunicorn开启、关闭和重启
  9. tomcat启动问题 严重: End event threw exception
  10. c博客作业01--顺序、分支结构