JavaScript异步Ajax与json总结

最新推荐文章于 2021-06-28 20:35:32 发布

xiaochen020425

最新推荐文章于 2021-06-28 20:35:32 发布

阅读量98

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/xiaochen020425/article/details/105941230

版权

24 篇文章 0 订阅

订阅专栏

JavaScript异步Ajax与json总结

开发工具与关键技术：Visual Studio 2015 与 JavaScript
作者：肖骏平
撰写时间：2020年4月20日

JSON简介
JSON: JavaScript对象表示法( JavaScript 0bject Notat ion)JSON是存储和交换文本信息的语法:

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

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

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

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

1.数据在名称/值对中(数据在键值对中)2.数据由逗号分隔

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

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

JSON值可以是：

数字（整数或浮点数）

字符串（在双引号中）

布尔值（true或false）

数组（在方括号中）

对象（在花括号中）

Ajax简介
(Asynchronous JavaScript and XML (异步的JavaScript 和XML) ) [er ' sInkranes]
1.1什么是AJAX ?
Ajax不是某种编程语言

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

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

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

1.2同步与异步

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

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

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

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

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

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

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

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

异步实现:

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

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

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

1.3 AJAX- 创建XMLHt tpRequest 对象

什么是XMLHt tpRequest对象?

XMLHt tpRequest对象用于在后台与服务器交换数据(具体介绍可见w3c )创建XMLHt tpRequest对象

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

以及Opera)均内建XMLHttpRequest 对象。
创建XMLHt tpRequest对象的语法:
var xhr = new XMLHt tpRequest() ;

老版本的Internet Explorer (IE5和IE6)使用ActiveX0bject对象:
Var xhr=new ActiveXObject（“Microsoft.XMLHTTP”）；

关注