当前位置:首页 > Web开发 > 正文

cities: {city: [乌鲁木齐]}}]} 由上面的两端代码可以看出

2024-03-31 Web开发

标签:

AJAX筹备常识:JSON

什么是 JSON ?

JSON 指的是 JavaScript 东西暗示法(JavaScript Object Notation)

JSON 是轻量级的文本数据交换格局

JSON 独立于语言

JSON 具有自我描述性,更易理解

JSON 使用 JavaScript 语法来描述数据东西,但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库撑持许多差此外编程语言。

技术图片

合格的json东西:

["one", "two", "three"] { "one": 1, "two": 2, "three": 3 } {"names": ["张三", "李四"] } [ { "name": "张三"}, {"name": "李四"} ] 

不同格的json东西:

{ name: "张三", 'age': 32 }        // 属性名必需使用双引号 [32, 64, 128, 0xFFF]            // 不能使用十六进制值 { "name": "张三", "age": undefined } // 不能使用undefined { "name": "张三", "birthday": new Date('Fri, 26 Aug 2011 07:13:10 GMT'), "getName": function() {return this.name;} // 不能使用函数和日期东西 } stringify与parse要领

JavaScript中关于JSON东西和字符串转换的两个要领:

JSON.parse(): 用于将一个 JSON 字符串转换为 JavaScript 东西 

JSON.parse('{"name":"张三"}'); JSON.parse('{name:"张三"}') ; // 错误 JSON.parse('[18,undefined]') ; // 错误

JSON.stringify(): 用于将 JavaScript 值转换为 JSON 字符串。 

JSON.stringify({"name":"张三"}) 和XML的对照

JSON 格局于2001年由 Douglas Crockford 提出,目的就是代替繁琐笨重的 XML 格局。

JSON 格局有两个显著的长处:书写简单,一目了然;切合 JavaScript 原生语法,可以由解释引擎直接措置惩罚惩罚,不用此外添加解析代码。所以,JSON迅速被接受,已经成为各大网站交换数据的标准格局,并被写入ECMAScript 5,成为标准的一部分。

XML和JSON都使用布局化要领来符号数据,下面来做一个简单的对照。

用XML暗示中国部分省市数据如下:

<?xml version="1.0" encoding="utf-8"?> <country> <name>中国</name> <province> <name>黑龙江</name> <cities> <city>哈尔滨</city> <city>大庆</city> </cities> </province> <province> <name>广东</name> <cities> <city>广州</city> <city>深圳</city> <city>珠海</city> </cities> </province> <province> <name>台湾</name> <cities> <city>台北</city> <city>高雄</city> </cities> </province> <province> <name>新疆</name> <cities> <city>乌鲁木齐</city> </cities> </province> </country>

用JSON暗示如下:

{ "name": "中国", "province": [{ "name": "黑龙江", "cities": { "city": ["哈尔滨", "大庆"] } }, { "name": "广东", "cities": { "city": ["广州", "深圳", "珠海"] } }, { "name": "台湾", "cities": { "city": ["台北", "高雄"] } }, { "name": "新疆", "cities": { "city": ["乌鲁木齐"] } }] }

由上面的两端代码可以看出,JSON 简单的语法格局和清晰的条理布局明显要比 XML 容易阅读,并且在数据交换方面,由于 JSON 所使用的字符要比 XML 少得多,可以大大得节约传输数据所占用得带宽。

AJAX简介

AJAX(Asynchronous Javascript And XML)翻译成中文就是“异步的Javascript和XML”。即使用Javascript语言与处事器进行异步交互,传输的数据为XML(固然,传输的数据不但是XML)。

AJAX 不是新的编程语言,而是一种使用现有标准的新要领。

AJAX 最大的长处是在不从头加载整个页面的情况下,可以与处事器交换数据并更新部分网页内容。(这一特点给用户的感应熏染是在不知不觉中完成请求和响应过程)

AJAX 不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。

同步交互:客户端发出一个请求后,需要期待处事器响应结束后,才华发出第二个请求;

异步交互:客户端发出一个请求后,无需期待处事器响应结束,就可以发出第二个请求。

示例:页面输入两个整数,通过AJAX传输到后端计算出功效并返回。

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/31724.html