JavaScript JSON与异步Ajax

本文深入探讨了JSON的语法及用途,包括数据交换格式、对象序列化与解析,以及AJAX技术如何实现在无需重载整个网页的情况下更新部分内容,通过异步数据交换提升用户体验。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.JSON的一个了解,javascript它是对象表示法:JavaScript,object,Notaion等。
JSON储存交换文本信息语法:
(1)JSON是一种轻量级的文本数据交换的格式。
(2)独立于语法与平台中。
(3)相似于xml,比XML更小,更快,更容易去理解。

2.JSON的使用语法:
(1)数据在名称/值对中(数据在键值对中)
(2)数据由逗号分隔
(3)花括号保存对象({ })
(4)方括号保存数组([])
JSON值可以是以下的六种:
(1)数字(整数或浮点数)
(2)字符串(在双引号中)
(3)布尔值(true或false)
(4)数组(在方括号中)
(5)对象(在花括号中)
(6)null值
3.Javascript对象的属性值:
(1)Javascript中的数据类型一共为六种包括内建对象和自定义对象:
String Number Boolean Undefined Null Object
以下是一个对象,示例:
在这里插入图片描述

3.JSON中的对象两个方法:
(1) stringify():将JS对象序列化为JSON字符串
(2)parse() [pa:z] :将JSON字符串解析为原生的JS值
var str = JSON.stringify(obj);//将Javascript对象序列化为JSON字符串
var obj1 = JSON.parse(jsontr);//将JSON字符串解析为原生的JS对象
在这里插入图片描述

4.Ajax是什么?
(1)AJAX不是某种编程语言 ,AJAX 是一种在无需加载重新整个网页的情况下,能够更新部分网页的技术。
(2)传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面。有很多使用 AJAX的应用程序案例:新浪微博,Google 地图等等

5.AJAX-创建XMLHttpRequest 对象
什么是XMLHttpRequest对象?
(1)XMLHttpRequest对象用于在后台与服务器交换数据(具体介绍可见w3c)
(2)创建XMLHttpRequest对象
所有现代浏览器(IE7+,Firefox, Chrome,Safari 以及Opera)均内建 XMLHttpRequest();
(3)创建XMLHttpRequest对象的语法:
var xhr = new XMLHttpRequest();
(4)老版本的Internet Explorer(IE5和IE6)使用ActiveXObject对象;
var xhr=new ActiveXObject(“Microsoft.XMLHTTP”):
(5)为了应对所有的现代浏览器,包括IE5和IE6,请检查浏览器是否支持XMLHttpRequest对象,如果支持,则创建XMLHttpRequest
(6)var xhr:
if(window.XMLHttpRequest){
code for IE7+, Firefox Chrome Opera Safari
xhr=new XMLHttpRequest();

6.同步与异步
(1)同步就是指一个进程在执行某个请求的时候,若该请求需要一段时间才能返回信息,那么这个进程将会一直等待下去,直到收到返回信息才继续执行下去;
方法一 1ms
方法二 1ms
方法三 1ms
异步1.3ms
(2)异步:是指进程不需要一直等下去,而是继续执行下面的操作,不管其他进程的状态。当有消息返回时系统会通知进程进行处理。这样可以提高执行的效率。
(3)异步中的实现过程:
运用HTML与CSS来实现。表达信息
运用XMLHttpRequest和web服务器进行数据的异步交换
运用JavaScript操作DOM,实现动态局部刷新

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值