今天小编就为大家分享一篇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响应方法


基础教程推荐
- AJax 把拿到的后台数据在页面中渲染的实例 2023-02-22
- ajax实现数据分页查询 2023-01-31
- 解决:layUI数据表格+简单查询 2022-12-16
- 原生ajax瀑布流demo分享(必看篇) 2023-02-01
- 关于ajax异步访问数据的问题 2023-02-23
- Unicode中的常用字母小结 2022-09-21
- JavaScript垃圾回收机制(引用计数,标记清除,性能优 2022-08-31
- 纯javascript的ajax实现php异步提交表单的简单实例 2022-12-28
- Ajax提交表单并接收json实例代码 2023-02-13
- 在IE中为abbr标签加样式 2022-10-16