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

今天小编就为大家分享一篇Ajax 接收服务器返回的json响应方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

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响应方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程学习网。

本文标题为:Ajax 接收服务器返回的json响应方法

基础教程推荐