js字符串转json对象的四种实现方法

更新时间：2023年04月18日 10:53:06 作者：键盘敲烂工资上万

使用ajax的开发项目过程中,经常需要将json格式的字符串返回到前端,前端解析成js对象(JSON),下面这篇文章主要给大家介绍了关于js字符串转json对象的四种实现方法,需要的朋友可以参考下

1. javascript函数eval()

语法：

var obj = eval ("(" + txt + ")"); //必须把文本包围在括号中，这样才能避免语法错误

eval()定义：eval() 函数可计算某个字符串，并执行其中的的 JavaScript 代码。

由于 JSON 语法是 JavaScript 语法的子集，JavaScript 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象。

注意：当字符串中包含表达式时，eval() 函数也会编译并执行，转换会存在安全问题。

2. 浏览器自带对象JSON，JSON.parse()

语法：

var obj = JSON.parse(text[, reviver])
//text:必需， 一个有效的 JSON 字符串。解析前要确保你的数据是标准的 JSON 格式，否则会解析出错。
//reviver: 可选，一个转换结果的函数， 将为对象的每个成员调用此函数。

JSON.parse()比eval()安全，而且速度更快。支持主流浏览器：Firefox 3.5，IE 8，Chrome，Opera 10，Safari 4。

注意：IE8兼容模式，IE 7，IE 6，会存在兼容性问题。

3. jQuery插件，$.parseJSON()

语法：

var obj = $.parseJSON(json) //json：String类型，传入格式有误的JSON字符串可能导致抛出异常

4. ajax请求获取json数据时，$.getJSON()

语法：

jQuery.getJSON(url,data,success(data,status,xhr))
//url    必需。规定将请求发送的哪个 URL。
//data    可选。规定连同请求发送到服务器的数据。
//success(data,status,xhr)    可选。规定当请求成功时运行的函数。

这个时候返回的data已经是JSON对象，不需要再进行转换。

$.getJSON() 是简写的 Ajax 函数，等价于：

$.ajax({
  url: url,
  data: data,
  success: callback,
  dataType: "json"
});

总结

到此这篇关于js字符串转json对象的四种实现方法的文章就介绍到这了,更多相关js字符串转json对象内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

提交表单时执行func方法实现代码
客户端的js验证想必大家早已熟悉，今天本文带着大家再回忆一下，主要是在提交表单之前执行func方法，感兴趣的你可以参考下哈，希望可以帮助到你
2013-03-03
Bootstrap table表格简单操作
这篇文章主要为大家详细介绍了Bootstrap table表格简单操作的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-02-02
JavaScript中更安全的URL读写方法总结
URL对于开发人员来讲，应该是非常熟悉的东西了吧。这篇文章主要为大家详细介绍了JavaScript中更安全的URL读写方法，希望对大家有所帮助
2023-02-02
javascript实现拖动层效果代码(符合标准且兼容IE,chrome,firefox)
javascript实现拖动层，原理很简单，就是根据鼠标的位置实时设置层的left和top
2013-06-06
JavaScript使用showdown实现markdown预览功能
Showdown.js 是一个JavaScript库,用于将Markdown文本转换为HTML,这篇文章将给大家介绍了JavaScript使用showdown实现markdown预览功能,文中通过代码示例给大家讲解的非常详细,需要的朋友可以参考下
2024-01-01
ajax如何实现页面局部跳转与结果返回
AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术，通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新，本篇文章给大家介绍ajax如何实现页面局部跳转与结果返回，感兴趣的朋友一起来学习
2015-08-08
基于JavaScript代码实现兼容各浏览器的设为首页和加入收藏
但是由于浏览器的兼容性问题，之前用的很多代码都失去效果，下面就给出一段能够兼容各个浏览器的代码，也不能够算是兼容，只能说在不支持的浏览器中能够给出提示，对js兼容各个浏览器设为首页加入收藏相关知识感兴趣的朋友可以参考下本文
2016-01-01
JavaScript将取代AppleScript？
这篇文章主要介绍了JavaScript将取代AppleScript？AppleScript是OS X平台的类似JavaScript的脚本语言,需要的朋友可以参考下
2014-09-09
JavaScript数据结构之链表的实现
链表是一种常见的数据结构。它是动态地进行存储分配的一种结构。本文主要介绍JavaScript数据结构中链表的实现，具有很好的参考价值。下面跟着小编一起来看下吧
2017-03-03
关于JS解构的5种有趣用法
这篇文章主要给大家介绍了关于JS解构的5种有趣用法，文中通过示例代码介绍的非常详细，对大家学习或者使用JS解构具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
2019-09-09