（MC嘉）JavaScript异步Ajax与json总结

                                   JavaScript异步Ajax与json总结

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术：Adobe Dreamweaver JavaScript

作者：曾维嘉

撰写时间：2020年05月01日

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Ajax 简介

        （Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）） [eɪˈsɪŋkrənəs]

         1.1 什么是 AJAX ？

                Ajax不是某种编程语言

                AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。

 

            传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。

            有很多使用 AJAX 的应用程序案例：新浪微博、Google 地图等等

 

            1.2 同步与异步

                同步：就是指一个进程在执行某个请求的时候，

                若该请求需要一段时间才能返回信息，

                那么这个进程将会一直等待下去，

                直到收到返回信息才继续执行下去；

                   同步

                请求一 1ms

                请求二 1ms

                请求三  1ms

                异步 1.3ms

 

                异步：是指进程不需要一直等下去，

                而是继续执行下面的操作，不管其他进程的状态。

                当有消息返回时系统会通知进程进行处理，

                这样可以提高执行的效率。

 

            异步实现：

                1、运用HTML与CSS来实现页面，表达信息

                2、运用XMLHttpRequest和web服务器进行数据的异步交换

                3、运用JavaScript操作DOM，实现动态局部刷新

       

            1.3 AJAX-创建XMLHttpRequest 对象

                什么是XMLHttpRequest对象？

                    XMLHttpRequest对象用于在后台与服务器交换数据（具体介绍可见w3c）

                创建XMLHttpRequest对象

                    所有现代浏览器（IE7+、Firefox、Chrome、Safari

                    以及 Opera）均内建 XMLHttpRequest 对象。

                创建XMLHttpRequest对象的语法：

                    var xhr = new XMLHttpRequest();

                老版本的Internet Explorer(IE5和IE6)使用ActiveXObject对象：

                    var xhr=new ActiveXObject("Microsoft.XMLHTTP");

 

JSON简介

           JSON:JavaScript对象表示法（JavaScript Object Notation）

           JSON是存储和交换文本信息的语法：

               1.JSON是轻量级的文本数据交换格式

               2.JSON独立于语言和平台

               3.JSON具有自我描述性，更容易理解。

           类似于xml,比XML更小、更快、更易解析

           (XML:指可扩展标记语言。XML被设计用来传输和存储数据。)

      

       1.1 JSON语法

      

           JSON语法是JavaScript对象表示语法的子集

               1.数据在名称/值对中(数据在键值对中)

               2.数据由逗号分隔

               3.花括号保存对象({})

               4.方括号保存数组([])

           JSON值可以是：

               数字（整数或浮点数）

               字符串（在双引号中）

               布尔值（true或false）

               数组（在方括号中）

               对象（在花括号中）

               null

      

        js对象的属性值：

        JS的数据类型：String Number Boolean Undefined Null Object（内建对象 自定义对象）