JavaScript实现字符串转JSON对象的4种方法代码

 更新时间:2023年10月09日 15:54:35   作者:不掉头发!  
这篇文章主要给大家介绍了关于JavaScript实现字符串转JSON对象的4种方法,使用ajax的开发项目过程中,经常需要将json格式的字符串返回到前端,前端解析成js对象(JSON),需要的朋友可以参考下

在很多时候我们都需要将数据转换为JSON的格式去进行请求,这里就给大家介绍几种转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"
});

总结 

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

相关文章

  • js实现页面跳转的五种方法推荐

    js实现页面跳转的五种方法推荐

    下面小编就为大家带来一篇js实现页面跳转的五种方法推荐。小编觉得挺不错的。现在分享给大家,让大家参考一下
    2016-03-03
  • js实现从右往左匀速显示图片(无缝轮播)

    js实现从右往左匀速显示图片(无缝轮播)

    这篇文章主要为大家详细介绍了js实现从右往左匀速显示图片,无缝轮播,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-06-06
  • JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【矩形情况】

    JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【矩形情况】

    这篇文章主要介绍了JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法,结合实例形式详细分析了游戏算法中针对碰撞检测的包盒矩形情况下的相关算法原理与操作注意事项,需要的朋友可以参考下
    2018-12-12
  • JS+CSS实现另类带提示效果的竖向导航菜单

    JS+CSS实现另类带提示效果的竖向导航菜单

    这篇文章主要介绍了JS+CSS实现另类带提示效果的竖向导航菜单,可实现鼠标滑过菜单项在下方固定区域显示对应提示文字的效果,涉及鼠标事件控制页面元素样式的相关技巧,需要的朋友可以参考下
    2015-10-10
  • javascript实现简单滚动窗口

    javascript实现简单滚动窗口

    这篇文章主要为大家详细介绍了javascript实现简单滚动窗口,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-06-06
  • js禁止浏览器的回退事件

    js禁止浏览器的回退事件

    这篇文章主要为大家详细介绍了js禁止浏览器的回退事件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-04-04
  • canvas绘制的直线动画

    canvas绘制的直线动画

    本文主要分享了canvas绘制的直线动画的示例代码。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • 6行代码实现微信小程序页面返回顶部效果

    6行代码实现微信小程序页面返回顶部效果

    这篇文章主要为大家详细介绍了6行代码实现微信小程序页面返回顶部效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-12-12
  • JMenuTab简单使用说明

    JMenuTab简单使用说明

    JMenuTab简单使用说明参数
    2008-03-03
  • js实现新浪微博首页效果

    js实现新浪微博首页效果

    现在微博都有一个不错的效果就是会实时的动态滚动并显示最新的信息了,下面我来给大家介绍仿新浪微博大厅首页滚动效果,希望此方法对大家会有帮助。
    2015-10-10

最新评论