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对象内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Javascript中正则表达式的应用详解

    Javascript中正则表达式的应用详解

    这篇文章主要为大家详细介绍了Javascript中正则表达式的应用,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2022-02-02
  • JavaScript淡入淡出渐变简单实例

    JavaScript淡入淡出渐变简单实例

    这篇文章主要介绍了JavaScript淡入淡出渐变实现方法,涉及javascript页面元素样式的渐变操作技巧,非常简单实用,需要的朋友可以参考下
    2015-08-08
  • 扒一扒JavaScript 预解释

    扒一扒JavaScript 预解释

    这篇文章主要介绍了JavaScript 预解释,包含带var关键字预解释、带function关键字预解释,需要的朋友可以参考下
    2015-01-01
  • 一文带你掌握JavaScript中的执行上下文和作用域

    一文带你掌握JavaScript中的执行上下文和作用域

    作为一名前端工作人员,我们必须知道JavaScript内部是如何执行的。那对于执行上下文和作用域的理解至关重要,无论是工作还是面试都是无法跳跃的一步,本文就来带大家深入了解一下
    2023-02-02
  • layui使用表格渲染获取行数据的例子

    layui使用表格渲染获取行数据的例子

    今天小编就为大家分享一篇layui使用表格渲染获取行数据的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • 微信小程序实现用户登录模块服务器搭建

    微信小程序实现用户登录模块服务器搭建

    这篇文章主要介绍了微信小程序实现用户登录模块服务器搭建,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-05-05
  • 原生js实现轮播图特效

    原生js实现轮播图特效

    这篇文章主要为大家详细介绍了原生js实现轮播图特效,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-05-05
  • 微信小程序自定义多列选择器使用详解

    微信小程序自定义多列选择器使用详解

    这篇文章主要为大家详细介绍了微信小程序自定义多列选择器使用,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-06-06
  • JavaScript实现点击自动选择TextArea文本的方法

    JavaScript实现点击自动选择TextArea文本的方法

    这篇文章主要介绍了JavaScript实现点击自动选择TextArea文本的方法,涉及javascript中focus()、select()方法的使用技巧,非常简单实用,需要的朋友可以参考下
    2015-07-07
  • js实现翻牌小游戏

    js实现翻牌小游戏

    这篇文章主要为大家详细介绍了js实现翻牌小游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-07-07

最新评论