将字符串转换成json对象的方法：
var str = '{"name1":"value1","name2":"value2"}';(json的转换格式必须是单引号套双引号）
1.JSON.parse(str);
2.eval("("+str+")");
3.var json = (new Function("return"+str)());
将json转换成字符串：
1.JSON.stringgify(json);
 
兼容问题
JSON.parse()转化字符串成json对象在IE7及以下浏览器不支持（其他两种没问题）
可以引进下面的js文件解决这个问题。
 
强制转换：
 <!DOCTYPE html>

 <htmllang="en">

 <head>

 <metacharset="UTF-8"/>

 <title>Document</title>

 </head>

 <body>

 </body>

 <scripttype="text/javascript">

 // 不符合json转换格式的字符串

 var string ="{'age':28,'sex':'boy'}";

 // 用json的强制转换方法来转换这个字符串(new Function("return"+str)());

 var json =(newFunction("return"+string))();

 console.log(json.sex);

 var li = document.createElement("li");

 li.innerText="name:"+json.sex +",age:"+ json.age;

 document.body.appendChild(li);

 </script>

 </html>
效果：

 
转换json数据的方法：
json就是对象(object),对象就是json;
 <!DOCTYPE html>

 <htmllang="en">

 <head>

 <metacharset="UTF-8"/>

 <title>转换json数据</title>

 </head>

 <body>

 </body>

 <scripttype="text/javascript"src="jquery-3.1.1.min.js"></script>

 <scripttype="text/javascript">

 // 也是利用强制转换

 data ="{root:[{name:'1',value:'0'},{name:'11',value:'110'},{name:'1123',value:'广东'},{name:'1124',value:'附件'}]}";

 console.log(data);

 var json =(newFunction("return"+data))();

 console.log(json.root);

 $.each(json.root,function(i,v){

 console.log(v);

 var h = v;

 for(key in h){

 console.log(h[key]);

 var $span = $("<span></span><br/>");

 $span.text(h[key]);

 $("body").append($span);

 }

 });

 </script>

 </html>
效果：

 

转换json和字符串的一些方法的更多相关文章

  1. spring boot @ResponseBody转换JSON 时 Date 类型处理方法，Jackson和FastJson两种方式,springboot 2.0.9配置fastjson不生效官方解决办法

    spring boot @ResponseBody转换JSON 时 Date 类型处理方法 ,这里一共有两种不同解析方式(Jackson和FastJson两种方式,springboot我用的1.x的版 ...

  2. 获取json格式字符串的简单方法

    有的时候需要找一些Json格式的字符串,可以打开任意一个网页进入到调试模式,然后看network相关的访问信息,就可以获取到. 比如: 在记笔记的时候,点击保存后,会发出一些请求,然后有相应的相应,任 ...

  3. json和字符串/数组/集合的互相转换の神操作总结

    一:前端字符串转JSON的4种方式 1,eval方式解析,恐怕这是最早的解析方式了. function strToJson(str){ var json = eval('(' + str + ')') ...

  4. javaScript中eval()方法转换json对象

    <script language="javascript"> var user = '{name:"张三",age:23,'+ 'address:{ ...

  5. 关于json和字符串之间的转换

    在最近的工作中,使用到JSON进行数据的传递,特别是从前端传递到后台,前台可以直接采用ajax的data函数,按json格式传递,后台Request即可,但有的时候,需要传递多个参数,后台使用requ ...

  6. java中json和字符串互转及日期转换 练习

    一:以下是用到的jar名称: commons-beanutils-1.6.jar commons-collections-3.2.1.jar commons-lang-2.6.jar commons- ...

  7. JSON以及Java转换JSON的方法（前后端常用处理方法）

    )); map.put("arr", new String[] { "a", "b" }); map.put("func" ...

  8. fastjson转换json字符串key的首字母小写变大写的解决办法

    https://blog.csdn.net/erbao_2014/article/details/53688934 问题描述在开发过程中,由于接口文档的描述,要求json字符串的key首字母为大写,而 ...

  9. javaScript中用eval()方法转换json对象

    var u = eval('('+user+')'); 1.对于服务器返回的JSON字符串,如果jQuery异步请求没做类型说明,或者以字符串方式接受,那么需要做一次对象化处理,方式不是太麻烦,就是将 ...

随机推荐

  1. WPF文字间距

    代码: <ItemsControl ItemsSource="{Binding Info}" FontFamily="微软雅黑" FontSize=&qu ...

  2. iOS NSMutableArray "removeObjectIdenticalTo" vs "removeObject"

    NSMutableArray 有多种可以删除元素的方法. 其中 removeObject,removeObjectIdenticalTo 这两个方法是有区别的. [anArray removeObje ...

  3. 安卓 往SD卡里写文件不能及时更新的问题

    我们做Android开发时奖保存图片到SD卡,但是Gallery中不能及时显示 下面我找到了问题所在然后解决了这个问题. 当保存图片后打开gallery时,有的会自动给你刷新,有的不行,这样就导致图片 ...

  4. java—过虑器基础(47)

    在web项目中就只有三大组件: Filter过虑器 监听器. Servlet 在web中过虑器就是一个类javax.servlet.Filter. 过虑器是用于在执行时,过虑用户的请求(request ...

  5. 446. Arithmetic Slices II - Subsequence

    A sequence of numbers is called arithmetic if it consists of at least three elements and if the diff ...

  6. POJ 2069 模拟退火算法

    Super Star Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 6422   Accepted: 1591   Spec ...

  7. mxonline实战7，模板继承和模板标签

        对应github地址:https://github.com/pshyms/django/tree/master/mxonline/7_day     一. 定制不同页面中样式相同,内容不同的模 ...

  8. jmeter服务器监控插件下载配置

    jmeter想要监控服务器CPU.内存.磁盘.网络等相关资源需要借助plugins插件 下载jmeter性能监控插件 1.下载jmeterPlugins-Standard和jmeterPlugins- ...

  9. GraphQL 如何取代 Redux

    简评:使用 GraphQL 可以大大简化客户端状态管理部分的代码. ⚛️切换到React 故事背景:在 2016 年,Pathwright 的前端团队就开始将客户端的代码从 Backbone & ...

  10. DataList用法总结

    设计模版: 页眉<HeaderTemplate>   </HeaderTemplate> 页脚<FooterTemplate> </FooterTemplat ...