Ajax 接收服务器返回的json响应方法

前端  /  管理员 发布于 5年前   596

1、什么是JSON？

JSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式。它基于 ECMAScript 规范的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。这是百度百科给出的JSON的定义。

我理解的JSON是JS创建对象的一种方法，后来从JS中独立出来，作为一种字符串数据的表示法，被各种语言支持；相对于XML而言，比XML更加轻量级、简洁、处理速度更快；

2、JSON的两种格式：

JSON对象字符串格式：'{"key1":"value1","key2":"value2"}'

JSON数组字符串格式：'[value1,value2,value3,...]'

3、JSON 与 JS 对象的关系：

JSON 是 JS 对象的字符串表示法，它使用文本表示一个 JS 对象的信息，本质是一个字符串。

var obj = {a: 'Hello', b: 'World'}; //这是一个对象，注意键名也是可以使用引号包裹的var json = '{"a": "Hello", "b": "World"}'; //这是一个 JSON 字符串，本质是一个字符串

4、JSON 和 JS 对象互转

浏览器提供的方法：

要实现从JS对象转换为 JSON 字符串，使用 JSON.stringify() 方法：

var json = JSON.stringify({a: 'Hello', b: 'World'}); //结果是 '{"a": "Hello", "b": "World"}'

要实现从 JSON 转换为JS对象，使用 JSON.parse() 方法：

var obj = JSON.parse('{"a": "Hello", "b": "World"}'); //结果是 {a: 'Hello', b: 'World'}

注：ie8(兼容模式),ie7和ie6没有JSON对象，推荐采用JSON官方的方式，引入json.js

jquery提供的方法 ：

$.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以将json字符串转换成json对象 

Javascript提供的方法：

eval('(' + jsonstr + ')'); //可以将json字符串转换成json对象,注意需要在json字符外包裹一对小括号 

注：ie8(兼容模式),ie7和ie6也可以使用eval()将字符串转为JSON对象，但不推荐这些方式，这种方式不安全eval会执行json串中的表达式。

以上这篇Ajax 接收服务器返回的json响应方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。