Jquery通过JSON字符串创建JSON对象,jQuery操作json常
分类:美高梅游戏官网网站

<html>
<body>
<h2>通过 JSON 字符串来创建对象</h3>
<p>
First Name: <br /> 
Last Name: <br /> 
</p> 
<script type="text/javascript">
//txt为字符串
var txt = '{"employees":[' +
'{"firstName":"Bill","lastName":"Gates" },' +
'{"firstName":"George","lastName":"Bush" },' +
'{"firstName":"Thomas","lastName":"Carter" }]}';
//通过eval()方法
//var obj = eval ("(" + txt + ")"); 
//通过JSON解析
//obj = jQuery.parseJSON(txt);
obj = JSON.parse(txt);

document.getElementById("fname").innerHTML=obj.employees[1].firstName 
document.getElementById("lname").innerHTML=obj.employees[1].lastName 
</script>
</body>
</html>

本文实例讲述了jQuery实现简单复制json对象和json对象集合操作。分享给大家供大家参考,具体如下:

本文实例讲述了jQuery操作json常用方法。分享给大家供大家参考,具体如下:

一、使用each遍历

PS:关于json操作,这里再为大家推荐几款比较实用的json在线工具供大家参考使用:

<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width" />
  <title>www.jb51.net jQuery复制json</title>
  <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
  <script type="text/javascript">
    $(function () {
      var classList = [
        {
          classId: 1, className: '一班', students: [
           { studentId: 1, studentName: '张三' },
           { studentId: 2, studentName: '李四' }
          ]
        },
        {
          classId: 2, className: '二班', students: [
           { studentId: 3, studentName: '王五' },
           { studentId: 4, studentName: '马六' }
          ]
        }
      ]
      var classDemo = {
        classId: 1, className: '一班', students: [
         { studentId: 1, studentName: '张三' },
         { studentId: 2, studentName: '李四' }
        ]
      }
      var newClassList = jQuery.extend(true, [], classList);//复制对象集合
      var newClassDemo = jQuery.extend(true, {}, classDemo);//复制对象
      //输出测试:
      console.log(newClassList);
      console.log(newClassDemo);
    });
  </script>
</head>
<body>
</body>
</html>

在项目中经常会用到获取json中的某个值,或者动态的创建一个json对象,今天简单的做了一个通用的js

复制代码 代码如下:

在线JSON代码检验、检验、美化、格式化工具:

使用本站HTML/CSS/JS在线运行测试工具:,可得到如下测试运行效果:

/**
 * json工具
 */
var JsonUtil = (function(){
  return {
    /**
     * 获取json中的单个值
     */
    getValue:function(jsonObject,name){
      var value = "";
      $.each(jsonObject,function(n,v){
        if(name == n){
          value = v;
          return false;
        }
      });
      return value;
    },
    /**
     * 获取json中的name 以数组形式返回
     */
    getNames:function(jsonObject){
      var names = [];
      $.each(jsonObject,function(n,v){
        names.push(n);
      });
      return names;
    },
    /**
     * 创建json对象
     */
    createJsonObject:function(){
      this.jsonObectArr = [];
    }
  }
})();
/**
 * 创建json的nam和value的名值对字符串
 */
JsonUtil.createJsonObject.prototype.createJsonStr = function (name,value){
  if (typeof value == 'string'){
    this.jsonObectArr.push("""+name+"":"+"""+value+""");
  }else{
    this.jsonObectArr.push("""+name+"":"+value);
  }
}
/**
 * 获取json对象
 */
JsonUtil.createJsonObject.prototype.getJson = function (){
  var str = "{"+this.jsonObectArr.join(',')+"}";
  return $.parseJSON(str);
}

     $(function () {

JSON在线格式化工具:

美高梅游戏官网网站 1

PS:关于json操作,这里再为大家推荐几款比较实用的json在线工具供大家参考使用:

           var tbody = "";
           //------------遍历对象 .each的使用-------------
           //对象语法JSON数据格式(当服务器端回调回来的对象数据格式是json数据格式,必须保证JSON的格式要求,回调的对象必须使用eval函数进行转化(否则将得不到Object)。本文不作详细介绍服务器端回调的数据问题,我们将直接自定义对象)
           var obj = [{ "name": "项海军", "password": "123456"}];
           $("#result").html("------------遍历对象 .each的使用-------------");
           alert(obj); //是个object元素
           //下面使用each进行遍历
           $.each(obj, function (n, value) {
               alert(n + ' ' + value);
               var trs = "";
               trs += "<tr><td>" + value.name + "</td> <td>" + value.password + "</td></tr>";
               tbody += trs;
           });

在线XML/JSON互相转换工具:

PS:关于json操作,这里再为大家推荐几款比较实用的json在线工具供大家参考使用:

在线JSON代码检验、检验、美化、格式化工具:

           $("#project").append(tbody);

json代码在线格式化/美化/压缩/编辑/转换工具:

在线JSON代码检验、检验、美化、格式化工具:

JSON**在线格式化工具:
**

       });

在线json压缩/转义工具:

JSON**在线格式化工具:
**

在线XML/JSON互相转换工具:

二、jquery遍历解析json对象1:

在线XML/JSON互相转换工具:

json**代码在线格式化/美化/压缩/编辑/转换工具:
**

复制代码 代码如下:

C语言风格/HTML/CSS/json代码格式化美化工具:

json**代码在线格式化/美化/压缩/编辑/转换工具:
**

在线json压缩/转义工具:

 var json = [{dd:'SB',AA:'东东',re1:123},{cccc:'dd',lk:'1qw'}];
 for(var i=0,l=json.length;i<l;i++){
    for(var key in json[i]){
        alert(key+':'+json[i][key]);
    }
 }

您可能感兴趣的文章:

  • jQuery中json对象的复制方式介绍(数组及对象)
  • jQuery怎么解析Json字符串(Json格式/Json对象)
  • jquery遍历筛选数组的几种方法和遍历解析json对象
  • JQuery将文本转化成JSON对象需要注意的问题
  • jquery动态遍历Json对象的属性和值的方法
  • 基于jQuery的一个扩展form序列化到json对象
  • jquery处理json对象
  • jQuery实现form表单元素序列化为json对象的方法
  • jQuery实现简单复制json对象和json对象集合操作示例

在线json压缩/转义工具:

C语言风格/HTML/CSS/json代码格式化美化工具:

三、jquery遍历解析json对象2

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery操作json数据技巧汇总》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》及《jquery选择器用法总结》

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery操作json数据技巧汇总》、《jQuery表单操作总结》、《jQuery常用插件及用法总结》、《jquery中Ajax用法总结》、《jQuery表格(table)操作技巧汇总》、《jQuery扩展技巧总结》及《jquery选择器用法总结》

有如下 json对象:

希望本文所述对大家jQuery程序设计有所帮助。

希望本文所述对大家jQuery程序设计有所帮助。

复制代码 代码如下:

您可能感兴趣的文章:

  • jQuery中json对象的复制方式介绍(数组及对象)
  • jQuery怎么解析Json字符串(Json格式/Json对象)
  • jquery遍历筛选数组的几种方法和遍历解析json对象
  • JQuery将文本转化成JSON对象需要注意的问题
  • Jquery通过JSON字符串创建JSON对象
  • jquery动态遍历Json对象的属性和值的方法
  • 基于jQuery的一个扩展form序列化到json对象
  • jquery处理json对象
  • jQuery实现form表单元素序列化为json对象的方法

您可能感兴趣的文章:

  • jquery JSON的解析方式
  • 用jQuery与JSONP轻松解决跨域访问的问题
  • jquery eval解析JSON中的注意点介绍
  • jQuery Ajax异步处理Json数据详解
  • JQuery遍历json数组的3种方法
  • jQuery中读取json文件示例代码
  • jQuery 遍历json数组的实现代码
  • jquery $.getJSON()跨域请求
  • jQuery 中使用JSON的实现代码
  • js/jquery解析json和数组格式的方法详解
  • 详谈 Jquery Ajax异步处理Json数据.

var obj ={”name”:”冯娟”,”password”:”123456″,”department”:”技术部”,”sex”:” 女”,”old”:30};

遍历方法:

美高梅游戏官网网站,复制代码 代码如下:

for(var p in obj){
    str = str+obj[p]+',';
    return str;
}

PS:这里再为大家推荐几款比较实用的json在线工具供大家参考使用:

在线JSON代码检验、检验、美化、格式化工具:

JSON在线格式化工具:

在线XML/JSON互相转换工具:

json代码在线格式化/美化/压缩/编辑/转换工具:

在线json压缩/转义工具:

C语言风格/HTML/CSS/json代码格式化美化工具:

您可能感兴趣的文章:

  • 通过Jquery的Ajax方法读取将table转换为Json
  • jQuery+json实现动态创建复杂表格table的方法
  • JQuery实现table行折叠效果以JSON做数据源
  • jQuery通过ajax请求php遍历json数组到table中的代码(推荐)
  • js实现将json数组显示前台table中
  • js中将字符串转换成json的三种方式
  • 解析JSON对象与字符串之间的相互转换
  • JS对象与JSON格式数据相互转换
  • 使用jsonp完美解决跨域问题
  • jQuery中读取json文件示例代码
  • js与jQuery实现获取table中的数据并拼成json字符串操作示例

本文由美高梅网址发布于美高梅游戏官网网站,转载请注明出处:Jquery通过JSON字符串创建JSON对象,jQuery操作json常

上一篇:reset引起的问题,字段太多jquey快速清空表单内容 下一篇:没有了
猜你喜欢
热门排行
精彩图文