JSON字符串与Java对象的改造,JSON使用办法韦德娱

2019-06-29 19:16 来源:未知

eg- json字符串:

View Code each

eval()函数的选用以及Json对象与Json字符串互转

概念和用法

eval() 函数可计算某些字符串,并实行当中的的 JavaScript 代码。

语法

eval(string):假诺参数是叁个表明式,eval() 函数将实践表达式。假如参数是Javascript语句,eval()将进行 Javascript 语句。 
实例

eval("x=10;y=20;document.write(x*y)") document.write(eval("2 2")) var x=10 document.write(eval(x 17))

输出:200
4
27
  • 1
  • 2
  • 3
  • 4
  • 5

补充: ajax读取json数据拼接展现:

            ]
        }
        console.log(ceshi.states);   
    for (var i = 0; i < ceshi.states.length; i ) {
        if (ceshi.states[i].grouptype == "B") {
            for (var j = 0; j < ceshi.states[i].elems.length; j ) {
                alert(ceshi.states[i].elems[j].elemName);   //税则号B1   税则号2B  
            };   
        } else {
            //alert("没有");
        }
        if (ceshi.states[i].grouptype == "U") {
            for (var j = 0; j < ceshi.states[i].elems.length; j ) {
                alert(ceshi.states[i].elems[j].elemName);    //税则号U   税则号2U
            };
        } else {
            //alert("没有");
        }

jQuery插件帮忙的退换格局:

$.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),能够将json字符串转变到json对象

 

 

 

 

 

 

 

 

 

 

 

 

累加圆括号的目标是强迫eval函数在管理JavaScript代码的时候强制将括号内的表明式(expression)转化为对象,而不是用作言语(statement)来实行。举三个事例,比如对象字面量{},假诺不加外层的括号,那么eval会将大括号识别为JavaScript代码块的初叶和告竣标志,那么{}将会被认为是推行了一句空语句

多json遍历

浏览器帮助的改造方式(Firefox,chrome,opera,safari,ie9,ie8)等浏览器:

JSON.parse(jsonstr); //能够将json字符串调换来json对象 
JSON.stringify(jsonobj); //可以将json对象转换来json对符串

{
"first":[
{"name":"张三","sex":"男","like":["吃饭","睡觉","打豆豆"]},
{"name":"李四","sex":"男"},
{"name":"王武","sex":"男"},
{"name":"李梅","sex":"女"},
],
"second":[
{"name":"上海大学","area":"上海"},
{"name":"武汉大学","area":"武汉"},
{"name":"北京大学","area":"北京"},
{"name":"山东大学","area":"山东"},
]
}

    var obj = eval("(" data ")");  或者
    var obj = JSON.parse(data);

Json对象与Json字符串的转化、JSON字符串与Java对象的转移

 

一.Json对象与Json字符串的转向

1.jQuery插件援助的转移情势

  $.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),能够将json字符串转变来json对象

 

2.浏览器帮助的更动格局(Firefox,chrome,opera,safari,ie9,ie8)等浏览器:

  JSON.stringify(obj)将JSON转为字符串。JSON.parse(string)将字符串转为JSON格式;

var a={"name":"tom","sex":"男","age":"24"}; 
var b='{"name":"Mike","sex":"女","age":"29"}'; 
var aToStr=JSON.stringify(a); 
var bToObj=JSON.parse(b); 
alert(typeof(aToStr));  //string 
alert(typeof(bToObj));//object

 

3.Javascript帮助的退换形式: 
eval('(' jsonstr ')'); //能够将json字符串转换来json对象,注意必要在json字符外包裹一对小括号 
注:ie8(包容方式),ie7和ie6也得以利用eval()将字符串转为JSON对象,但不引入这一个办法,这种形式不安全eval会施行json串中的表明式。

4.JSON官方的转移形式: 
 
可以在

 

二、JSON 字符串 与 java 对象的转变

1. 把java 对象列表转变为json对象数组,并转为字符串

    JSONArray array = JSONArray.fromObject(list);
    String jsonstr = array.toString();

 

2. 把java对象转变到json对象,并转账为字符串

  JSONObject object = JSONObject.fromObject(user);
  Log4jInit.ysulogger.debug(object.toString());

 

3.把JSON字符串转变为JAVA 对象数组
  JSONArray json = JSONArray.fromObject(userStr);//userStr是json字符串
  List<User> users= (List<User>)JSONArray.toCollection(json, User.class);

4.把JSON字符串调换为JAVA 对象

 

  JSONObject jsonobject = JSONObject.fromObject(jsonStr);
  User user= (User)JSONObject.toBean(object,User.class);        

 

1、用for循环

View Code for

eval解析json对象

var dataObj=eval(“(“ data ”)”);//将json对象转变到javaScript对象 
如: 
v

ar txt = ‘{ “employees” : [’  
‘{ “firstName”:”Bill” , “lastName”:”Gates” },’  
‘{ “firstName”:”George” , “lastName”:”Bush” },’  
‘{ “firstName”:”Thomas” , “lastName”:”Carter” } ]}’;//为json对象
  • 1
  • 2
  • 3
  • 4

var obj = eval (“(” txt “)”);//转形成了JavaScript数组对象; 
瞩目:为啥要 eval这里要增多 “(“(“ data ”)”);//”呢?

原因在于:eval本人的主题材料。 由于json是以”{}”的办法来伊始以及截止的,在JS中,它会被当成一个语句块来处理,所以必须强制性的将它调换到一种表明式。 
加上圆括号的目标是逼迫eval函数在管理JavaScript代码的时候强制将括号内的表明式(expression)转化为指标,而不是当做言语(statement)来进行。举一个例子,举个例子对象字面量{},倘诺不加外层的括号,那么eval会将大括号识别为JavaScript代码块的开头和甘休标志,那么{}将会被以为是推行了一句空语句。所以上面七个施行结果是分歧的:

alert(eval(“{}”); // return undefined
alert(eval(“({})”);// return object[Object]
  • 1
  • 2

对此这种写法,在JS中,能够随处看到。 
如: (function()) {}(); 做闭包操作时等。

html和ajax代码

接下来,就足以这么读取:   alert(obj.name obj.sex);

何以eval某些json字符串时要加括号?

 

在做与服务器交互数据的时候,我们普通会倡导八个Ajax央求,然后服务器再次来到多少个近乎'{x:1,y:1}'结构的json字符串,为了便于客户端处理大家会将其转移为贰个指标直接量

那多数的时候经过二个eval来实现 

var jsonStr = '{x : 1, y : 1}';
var jsonObj = eval('('    jsonStr   ')');

 

假诺eval的时候不加括号还有大概会报脚本错误,这是为啥吗?

因为eval中 是三个进行意况,当你绝不括号的时候{x : 1, y : 1}整个被分解成多少个复合语句,{和}在此地正是一个合乎语句的分隔符,而不是大家本来感到的目的直接量的一种语法格局。就如大家普通写if(true){x=1;}这里的大括号也是担当着复合语句的机能。

接下去x:被解释成标签,像一般用的swicth case语句中的case x:也是一种标签,至于标签的别的用法可以参见相关材质。前面的1被视作三个数字直接量

相见y被演讲成变量标示符,然后再持续分析y后的冒号时就出错了,因为不能够辨认。所以只要您写成eval('{x : 1, y = 1}')就不会报错了,因为y=1是足以被识其余, y=1后eval的结果是回去1。

可是为啥前后加个括号就足以了啊,因为括号在那边表示强制实行,整个'('    jsonStr   ')'其实被演讲成四个表明式运算,而不是四个复合语句,由此jsonStr中的大括号{}被当成对象的语法来辨别,当然就能够了。

 说完了地点,大家再来看八个事例,假若大家写eval('{x:1}')那样啊,那会报错吗?

答案是不会,因为就算{x:1}被以为是三个复合语句,但是x:1如此的写法是没有错的,当做标签来辨别,因而结果重临1 ,说白了只要让{……}所代表的复合语句不让分析不可能领略就能够了,如{x:1, y=1,z=3}不会报错,重回最后的结果3

 

 

 

 

 

 

 

 

 

 

 

 

例如:

JSON字符串:
var str1 = '{ "name": "cxh", "sex": "man" }'; 
JSON对象:
var str2 = { "name": "cxh", "sex": "man" };

一、JSON字符串调换为JSON对象

要利用方面包车型地铁str1,必须使用上面包车型大巴主意先转化为JSON对象:

//由JSON字符串调换为JSON对象

var obj = eval('(' str ')');

或者

var obj = str.parseJSON(); //由JSON字符串调换为JSON对象

或者

var obj = JSON.parse(str); //由JSON字符串调换为JSON对象

下一场,就能够那样读取:

Alert(obj.name);

Alert(obj.sex);

特别注意:即便obj本来正是一个JSON对象,那么使用eval()函数调换后(哪怕是累累转变)照旧JSON对象,可是使用parseJSON()函数管理后会反常(抛出语法非常)。

二、能够选用toJSONString()只怕全局方法JSON.stringify()将JSON对象转化为JSON字符串。

例如:

var last=obj.toJSONString(); //将JSON对象转化为JSON字符

或者

var last=JSON.stringify(obj); //将JSON对象转化为JSON字符

alert(last);

注意:

上边的多少个章程中,除了eval()函数是js自带的之外,其余的多少个措施都来源于json.js包。新本子的 JSON 修改了 API,将 JSON.stringify() 和 JSON.parse() 多个情势都注入到了 Javascript 的内建指标里面,后面一个成为了 Object.toJSONString(),而后人变成了 String.parseJSON()。假若提醒找不到toJSONString()和parseJSON()方法,则印证你的json包版本太低。

 

 

 

 

 

 

 

 

 

二、JSON对象转变为JSON字符串 : obj.toJSONString()只怕全局方法JSON.stringify(obj) (obj代表json对象)

 

PS:对于一般的js生成json对象,只供给将$.each()方法替换为for语句就能够,别的不改变

提示:为何要 eval这里要增加 ("(" data ")");呢?
  原因在于:eval自个儿的标题。 由于json是以”{}”的艺术来开端以及甘休的,在JS中,它会被当成三个语句块来管理,所以必须强制性的将它调换来一种表达式。
    加上圆括号的目标是逼迫eval函数在管理JavaScript代码的时候强制将括号内的表明式(expression)转化为对象,而不是当做言语(statement)来实践。举叁个例子,举个例子对象字面量{},如若不加外层的括号,那么eval会将大括号识别为JavaScript代码块的始发和终结标志,那么{}将会被感到是实行了一句空语句

  原因在于:eval自身的标题。 由于json是以”{}”的艺术来开头以及甘休的,在JS中,它会被当成一个语句块来管理,所以必须强制性的将它转变到一种表达式。

注意:

注意:

$(function(){
    $('#send').click(function(){
         $.ajax({
             type: "GET",
             url: "test.json",
             data: {username:$(".username").val(), content:$(".content").val()},
             dataType: "json",
             success: function(data){
                         $('#Text').empty();   //清空Text里面的富有剧情
                         var str = '';
                         $.each(data, function(i, comment){
                               str = '<div class="comment"><h6>' comment['username'] ':</h6><p class="para">' comment['content'] '</p></div>';
                         });
                         $('#Text').html(str);
                      }
         });
    });
});

接下来,就能够如此读取: alert(jstring);

 eg-json对象:      var obj = { "name": "dran", "sex": "man" };
  var jstring = JSON.stringify(obj) ;// 提议用这几个
  var jstring = obj.toJSONString();  //toJSONString()不是js原生的法子,必要引进相应的库或本身定义后技能用   (不习于旧贯用)

var data = '{ "name": "dran", "sex": "man" }';
var obj = eval("(" data ")"); 或者
var obj = JSON.parse(data);

js 要在document加载完技巧找到dom成分

json文件:

别的  ,假设从后台读取的json  年份:{"year":116},  假使想要突显寻常的年份 能够用 1905 116 =2015  从一九〇三算 重返的 =  以后的年份(别的方式越来越好,)

JSON 数据利用格局:

 1 $.ajax({
 2          url : "ceshi.json",
 3          type : "POST", 
 4          dataType :"text",  //浏览器把json文件当作文本文件  不然读取不出来  权宜之策就改成了text, 因为测试,  json文件格式正确书写
 5         success: function(data) { 
 6            var dataJson = eval("(" data ")");  // 将json字符串数据解析成对象
 7            var arr1 = dataJson.first;
 8            var arr2 = dataJson.second;
 9            //一栏显示 用for循环完成数组解析
10           for(var i = 0; i<arr1.length; i  ){        
11              for(var j = 0; j<arr2.length; j  ){
12                  var str='<div style="display:block">' 
13                              '<div>姓名:' arr1[i].name '  性别:' arr1[i].sex '</div>' 
14                              '<div>学校:' arr2[j].name '</div>' 
15                              '<div>地点:' arr2[j].area '</div>' 
16                              //'<div>喜好:' arr1[i].like '</div>'   //全显示
17                              //'<div>喜好:' arr1[i].like[1] '</div>'    //单独设置
18                              //'<div>喜好:' arr1[i].like[0] '</div>' 
19                      '</div>';
20              }
21              
22               $(".result").append(str);
23               
24           }
25           
26             
27           
28  
29        //分层显示
30              //var str = "";
31  //            var str1 = "";
32  //            if (arr1 != null) {
33  //                for (var i = 0; i < arr1.length; i  ) {  //这里面都是创建并赋值
34  //                    str  =  ""   arr1[i].name   ""   arr1[i].sex   "<br>";
35  //                }
36  //                $(".result").html(str);
37  //            }
38  //            if (arr2 != null) {
39  //                for (var j = 0; j < arr2.length; j  ) {
40  //                    str1  =  ""   arr2[j].name   ""   arr2[j].area  "<br>";
41  //                }
42  //                $(".result2").html(str1);
43  //            }
44          },
45          error:function(data){
46             alert("error");    
47          }
48      })
49  <div class="result">frist:</div>
50  <div class="result2">second:</div>
[
{"name":"张三","sex":"男","like":["吃饭","睡觉","打豆豆"]},
{"name":"李四","sex":"男"},
{"name":"王武","sex":"男"},
{"name":"李梅","sex":"女"},
]
$.ajax({
url : "ceshi.json",
type : "POST", 
dataType :"text", //浏览器把json文件当作文本文件 不然读取不出来 权宜之策就改成了text, 因为测试, json文件格式正确书写
success: function(data) { 
var dataJson = eval("(" data ")"); // 将json字符串数据解析成对象
//each循环 使用$.each方法遍历返回的数据date,插入到class为 .result中 i 表示索引 item 信息值 对象 
$.each(dataJson,function(i,item){
var str='<div style="display:block">' 
'<div>姓名:' item.name ' 性别:' item.sex '</div>' 
'<div>like:' item.like '</div>' 
'</div>'; 
$(".result").append(str); 
})
},
error:function(data){
alert("error"); 
}
})
<div class="result"></div>
each

  这段日子,Firefox、Opera、IE8以上版本也提供了本地JSON帮助。个中,JSON解释器提供的函数有:JSON.parse、JSON.stringify。   对于那三个并不提供本地JSON扶助的浏览器能够引入脚本json2.js,来完结JSON转变职能。   

$.ajax({
url : "ceshi.json",
type : "POST", 
dataType :"text", //浏览器把json文件当作文本文件 不然读取不出来 权宜之策就改成了text, 因为测试, json文件格式正确书写
success: function(data) { 
var dataJson = eval("(" data ")"); // 将json字符串数据解析成对象
var arr1 = dataJson.first;
var arr2 = dataJson.second;
//一栏显示 用for循环完成数组解析
for(var i = 0; i<arr1.length; i  ){ 
for(var j = 0; j<arr2.length; j  ){
var str='<div style="display:block">' 
'<div>姓名:' arr1[i].name ' 性别:' arr1[i].sex '</div>' 
'<div>学校:' arr2[j].name '</div>' 
'<div>地点:' arr2[j].area '</div>' 
//'<div>喜好:' arr1[i].like '</div>'  //全显示
//'<div>喜好:' arr1[i].like[1] '</div>'  //单独设置
//'<div>喜好:' arr1[i].like[0] '</div>' 
'</div>';
}
$(".result").append(str);
}
//分层显示
//var str = "";
// var str1 = "";
// if (arr1 != null) {
// for (var i = 0; i < arr1.length; i  ) { //这里面都是创建并赋值
// str  = ""   arr1[i].name   ""   arr1[i].sex   "<br>";
// }
// $(".result").html(str);
// }
// if (arr2 != null) {
// for (var j = 0; j < arr2.length; j  ) {
// str1  = ""   arr2[j].name   ""   arr2[j].area  "<br>";
// }
// $(".result2").html(str1);
// }
},
error:function(data){
alert("error"); 
}
})
<div class="result">frist:</div>
<div class="result2">second:</div>
for

PS:对于一般的js生成json对象,只要求将$.each()方法替换为for语句就可以,别的不改变

提示:为啥要 eval这里要加多 ("(" data ")");呢?

韦德娱乐1946网页版 1

JSON:

填补:  ajax读取json数据拼接显示:

//json对象:
var jsonObj= {
"name":" 张三",
"sex":"男",
"age":26,
};
使用: jsonObj.name= "张三"
jsonObj.age= "26"
//json数组: []下标 从 0 开始
var jsonArr =[
{"name":"张三","sex":"男","like":["吃饭","睡觉","打豆豆"]},
{"name":"李四","sex":"男"},
{"name":"王武","sex":"男"},
]
使用: jsonArr[0].sex="男"
jsonArr[1].name="李四"
//多个数组: []下标 从 0 开始
var options = {
"city" :[
{ 
"name":"上海",
"area":"普陀区",
"option":"真北路",
"correct":"1"
},
{
"name":"石家庄",
"area":"河北",
"option":"在北方",
"correct":"2"
}],
"world":[
{
"title":"美国",
"content":"好莱坞大片 科幻"
},
{
"title":"中国",
"content":"爱我中华,虽远必诛"
}
]
};
options.city[0].area="普陀区"
options.world[1].content="爱我中华,虽远必诛

 

您大概感兴趣的文章:

  • jquery拼接ajax 的json和字符串拼接的艺术
  • js二种拼接字符串的简便方法(非看不可)
  • Javascript字符串拼接小手艺(推荐)
  • JavaScript中字符串拼接的着力办法
  • Javascript中拼接大量字符串的措施
  • javascript中字符串拼接详解
  • JS扩展String.prototype.format字符串拼接的效果与利益

//json数组:   []下标 从  0 开始
      var jsonArr =[
         {"name":"张三","sex":"男","like":["吃饭","睡觉","打豆豆"]},
         {"name":"李四","sex":"男"},
         {"name":"王武","sex":"男"},
      ]
     使用: jsonArr[0].sex="男"
                jsonArr[1].name="李四"

一、JSON字符串调换为JSON对象: eval() 和 JSON.parse

    {
    "first":[
        {"name":"张三","sex":"男","like":["吃饭","睡觉","打豆豆"]},
        {"name":"李四","sex":"男"},
        {"name":"王武","sex":"男"},
        {"name":"李梅","sex":"女"},
    ],

2、 each循环 使用$.each方法遍历重返的数额date,插入到class为 .result中

var ceshi= {
  "rtnInfos":[{
        "id":0,
        "states":[{   
            "attrValue":"sdfsd",
            "elems":[
                {"elemName":"税则号","id":0,},
                {"elemName":"税则号1","id":1,}
             ],
            "groupType":"f",
          }]
      }],
     "rtnFlag":"T"
 }
 var mde =ceshi.rtnInfos[0].states[0].elems;
 alert(mde[1].elemName);

接下来,就足以如此读取: alert(obj.name obj.sex);

  //json对象:     var jsonObj= {
        "name":" 张三",
        "sex":"男",
        "age":26,
     };
  使用: jsonObj.name= "张三"
             jsonObj.age= "26"

eg-json对象: var obj = { "name": "dran", "sex": "man" };
var jstring = JSON.stringify(obj) ;// 建议用这个
var jstring = obj.toJSONString(); //toJSONString()不是js原生的方法,需要引入相应的库或自己定义后才能用 (不习惯用)

二、JSON对象转换为JSON字符串 :  obj.toJSONString()大概全局方法JSON.stringify(obj)   (obj代表json对象)

如上所述是我给我们介绍的Json对象和字符串相互转换json数据拼接和JSON使用方法详细介绍(小结),希望对大家有所扶助,假若大家有其余疑问请给自己留言,小编会及时回复我们的。在此也特别谢谢大家对台本之家网址的支撑!

韦德娱乐1946网页版 2韦德娱乐1946网页版 3

JSON(JavaScript Object Notation) 是一种轻量级的数据交流格式。它基于ECMAScript的多个子集。 JSON采取完全部独用立于言语的文本格式,可是也运用了类似于C语言家族的习于旧贯(包蕴C、C 、C#、Java、JavaScript、Perl、Python等)。这几个特点使JSON成为美好的数据沟通语言。 易于人观望和编排,同一时候也便于机器剖判和变化(一般用于提高互联网传输速率)。

var ceshi = {
            "states": [{
                    "grouptype": "B",
                    "elems": [
                    {
                        "elemId": "B1",
                        "elemName": "税则号B1"
                    },
                    {
                        "elemId": "B2",
                        "elemName": "税则号2B"
                    }]
                }, {
                    "grouptype": "U",
                    "elems": [{
                        "elemId": "U1",
                        "elemName": "税则号U"
                    }, {
                        "elemId": "U2",
                        "elemName": "税则号2U"
                    }],
                },

在AJAX达成前后台数据交互的时候,平常选择JSON的数目格式,对于JSON来讲,有严苛的代码规范,一旦格式出难题,就不可能出示出相应效果,同不经常间还不在调整台报错

 

当下,Firefox、Opera、IE8以上版本也提供了本地JSON补助。个中,JSON解释器提供的函数有:JSON.parse、JSON.stringify。   对于那一个并不提供本地JSON帮忙的浏览器能够引进脚本json2.js,来落到实处JSON转变职能。json2.js脚本可到页面下载

JSON(JavaScript Object Notation) 是一种轻量级的数据调换格式.

  1 <!DOCTYPE html>
  2 <html lang="en">
  3 <head>
  4     <meta charset="UTF-8">
  5     <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport" />
  6     <meta content="yes" name="apple-mobile-web-app-capable" />
  7     <meta content="black" name="apple-mobile-web-app-status-bar-style" />
  8     <meta content="telephone=no" name="format-detection" /> 
  9     <meta http-equiv="Cache-Control" content="no-transform" />
 10     <meta http-equiv="Cache-Control" content="no-siteapp" />
 11     <title></title>
 12     <link rel="stylesheet" href="/css/new.css">
 13     <script type="text/javascript" src="http://www.dongyuqing.com/uploads/allimg/190629/1916044H1-2.jpg"></script>
 14 </head>
 15 <body>
 16    <div class="result">
 17        <div class="c-apply-one"></div>
 18    </div>
 19     <script type="text/javascript">
 20     /*var ceshi = {
 21             "states": [{
 22                     "grouptype": "B",
 23                     "elems": [
 24                     {
 25                         "elemId": "B1",
 26                         "elemName": "税则号B1"
 27                     }, 
 28                     {
 29                         "elemId": "B2",
 30                         "elemName": "税则号2B"
 31                     }]
 32                 }, {
 33                     "grouptype": "U",
 34                     "elems": [{
 35                         "elemId": "U1",
 36                         "elemName": "税则号U"
 37                     }, {
 38                         "elemId": "U2",
 39                         "elemName": "税则号2U"
 40                     }],
 41                 },
 42 
 43             ]
 44         }
 45         console.log(ceshi.states);   
 46     for (var i = 0; i < ceshi.states.length; i  ) {
 47         if (ceshi.states[i].grouptype == "B") {
 48             for (var j = 0; j < ceshi.states[i].elems.length; j  ) {
 49                 alert(ceshi.states[i].elems[j].elemName);   //税则号B1   税则号2B  
 50             };   
 51         } else {
 52             //alert("没有");
 53         }
 54         if (ceshi.states[i].grouptype == "U") {
 55             for (var j = 0; j < ceshi.states[i].elems.length; j  ) {
 56                 alert(ceshi.states[i].elems[j].elemName);    //税则号U   税则号2U
 57             };
 58         } else {
 59             //alert("没有");
 60         }
 61 
 62     }*/
 63 var ceshi ={
 64     "rtnInfo": [
 65         {
 66             "appCode": "app1",
 67             "appDesc": "a3",
 68             "appIconUrl": "a2",
 69             "appName": "app1",
 70             "contractUrl": "a4",
 71             "id": 0,
 72             "specUrl": "a1",
 73             "states": [
 74                 {
 75                     "applyId": 1,
 76                     "attrName": "apply1",
 77                     "attrValue": "sdfsd",
 78                     "dispOrder": 1,
 79                     "elems": [
 80                         {
 81                             "appCode": "",
 82                             "belongToState": "b",
 83                             "className": "",
 84                             "elemId": "5",
 85                             "elemName": "legaperson",
 86                             "id": 0,
 87                             "inputOption": "<select id=''><option value='0' selected=''>组织1</option><option value='1'>组织2</option>ntt<option value='2'>组织3</option>nt<option value='3'>组织4</option></select>",
 88                             "inputOrder": 1,
 89                             "inputType": "option",
 90                             "isRequired": "y",
 91                             "maxLength": 20,
 92                             "validationRegex": ""
 93                         },
 94                         {
 95                             "appCode": "",
 96                             "belongToState": "b",
 97                             "className": "",
 98                             "elemId": "6",
 99                             "elemName": "ore",
100                             "id": 0,
101                             "inputOption": "",
102                             "inputOrder": 1,
103                             "inputType": "text",
104                             "isRequired": "n",
105                             "maxLength": 0,
106                             "validationRegex": ""
107                         },
108                         {
109                             "appCode": "",
110                             "belongToState": "b",
111                             "className": "",
112                             "elemId": "7",
113                             "elemName": "hs",
114                             "id": 0,
115                             "inputOption": "",
116                             "inputOrder": 1,
117                             "inputType": "text",
118                             "isRequired": "y",
119                             "maxLength": 20,
120                             "validationRegex": ""
121                         },
122                         {
123                             "appCode": "",
124                             "belongToState": "b",
125                             "className": "",
126                             "elemId": "9",
127                             "elemName": "type",
128                             "id": 0,
129                             "inputOption": "<input type='radio' name='radio1'/>xxxnt<input type='radio' name='radio1'/>xxxnt<input type='radio' name='radio1'/>xxxnt<input type='radio' name='radio1'/>xxx",
130                             "inputOrder": 1,
131                             "inputType": 'radio',
132                             "isRequired": "n",
133                             "maxLength": 0,
134                             "validationRegex": ""
135                         },
136                         {
137                             "appCode": "",
138                             "belongToState": "s",
139                             "className": "",
140                             "elemId": "server",
141                             "elemName": "服务组合",
142                             "id": 0,
143                             "inputOption": "<input type='radio' name='radio1'/>服务1nt<input type='radio' name='radio1'/>服务2nt<input type='radio' name='radio1'/>服务3",
144                             "inputOrder": 1,
145                             "inputType": 'radio',
146                             "isRequired": "y",
147                             "maxLength": 0,
148                             "validationRegex": ""
149                         },
150 
151                         {
152                             "appCode": "",
153                             "belongToState": "s",
154                             "className": "",
155                             "elemId": "plan",
156                             "elemName": "套餐",
157                             "id": 0,
158                             "inputOption": "<textarea rows='10'>套餐1:nt1、功能1nt2、功能1nt3、功能1nt</textarea>",
159                             "inputOrder": 1,
160                             "inputType": "text",
161                             "isRequired": "y",
162                             "maxLength": 0,
163                             "validationRegex": ""
164                         },
165                         {
166                             "appCode": "",
167                             "belongToState": "f",
168                             "className": "",
169                             "elemId": "title",
170                             "elemName": "发票头",
171                             "id": 0,
172                             "inputOption": "",
173                             "inputOrder": 1,
174                             "inputType": "text",
175                             "isRequired": "y",
176                             "maxLength": 20,
177                             "validationRegex": ""
178                         },
179                         {
180                             "appCode": "",
181                             "belongToState": "f",
182                             "className": "",
183                             "elemId": "taxpayer",
184                             "elemName": "是否为纳税人",
185                             "id": 0,
186                             "inputOption": "<input type='radio' name='radio1'/>是nt<input type='radio' name='radio1'/>否",
187                             "inputOrder": 1,
188                             "inputType": 'radio',
189                             "isRequired": "y",
190                             "maxLength": 0,
191                             "validationRegex": ""
192                         }
193                     ],
194                     "groupType": "f",
195                     "id": 0,
196                     "isAttach": "0"
197                 },
198                 {
199                     "applyId": 1,
200                     "attrName": "apply1",
201                     "attrValue": "sdfsd",
202                     "dispOrder": 1,
203                     "elems": [
204                         {
205                             "appCode": "",
206                             "belongToState": "u",
207                             "className": "",
208                             "elemId": "3",
209                             "elemName": "repassword",
210                             "id": 0,
211                             "inputOption": "",
212                             "inputOrder": 1,
213                             "inputType": "password",
214                             "isRequired": "y",
215                             "maxLength": 20,
216                             "validationRegex": ""
217                         },
218                         {
219                             "appCode": "",
220                             "belongToState": "u",
221                             "className": "",
222                             "elemId": "4",
223                             "elemName": "email",
224                             "id": 0,
225                             "inputOption": "",
226                             "inputOrder": 1,
227                             "inputType": "text",
228                             "isRequired": "y",
229                             "maxLength": 20,
230                             "validationRegex": " /^([a-zA-Z0-9_.-]) @(([a-zA-Z0-9-]) .) ([a-zA-Z0-9]{2,4}) $/"
231                         },
232                         {
233                             "appCode": "",
234                             "belongToState": "s",
235                             "className": "",
236                             "elemId": "server",
237                             "elemName": "服务组合",
238                             "id": 0,
239                             "inputOption": "<input type='radio' name='radio1'/>服务1nt<input type='radio' name='radio1'/>服务2nt<input type='radio' name='radio1'/>服务3",
240                             "inputOrder": 1,
241                             "inputType": 'radio',
242                             "isRequired": "y",
243                             "maxLength": 0,
244                             "validationRegex": ""
245                         },
246                         {
247                             "appCode": "",
248                             "belongToState": "s",
249                             "className": "",
250                             "elemId": "plan",
251                             "elemName": "套餐",
252                             "id": 0,
253                             "inputOption": "<textarea rows='10'>套餐1:nt1、功能1nt2、功能1nt3、功能1nt</textarea>",
254                             "inputOrder": 1,
255                             "inputType": "text",
256                             "isRequired": "y",
257                             "maxLength": 0,
258                             "validationRegex": ""
259                         },
260                         {
261                             "appCode": "",
262                             "belongToState": "f",
263                             "className": "",
264                             "elemId": "title",
265                             "elemName": "发票头",
266                             "id": 0,
267                             "inputOption": "",
268                             "inputOrder": 1,
269                             "inputType": "text",
270                             "isRequired": "y",
271                             "maxLength": 20,
272                             "validationRegex": ""
273                         },
274                         {
275                             "appCode": "",
276                             "belongToState": "f",
277                             "className": "",
278                             "elemId": "taxpayer",
279                             "elemName": "是否为纳税人",
280                             "id": 0,
281                             "inputOption": "<input type='radio' name='radio1'/>是nt<input type='radio' name='radio1'/>否",
282                             "inputOrder": 1,
283                             "inputType": 'radio',
284                             "isRequired": "y",
285                             "maxLength": 0,
286                             "validationRegex": ""
287                         },
288                        
289                     ],
290                     "groupType": "b",
291                     "id": 0,
292                     "isAttach": "0"
293                 },
294                 {
295                     "applyId": 1,
296                     "attrName": "apply1",
297                     "attrValue": "sdfsd",
298                     "dispOrder": 1,
299                     "elems": [
300                         {
301                             "appCode": "",
302                             "belongToState": "u",
303                             "className": "",
304                             "elemId": "1",
305                             "elemName": "phone",
306                             "id": 0,
307                             "inputOption": "",
308                             "inputOrder": 1,
309                             "inputType": "text",
310                             "isRequired": "y",
311                             "maxLength": 20,
312                             "validationRegex": "^1[3|4|5|8][0-9]d{4,8}$"
313                         },
314                         {
315                             "appCode": "",
316                             "belongToState": "b",
317                             "className": "",
318                             "elemId": "5",
319                             "elemName": "legaperson",
320                             "id": 0,
321                             "inputOption": "<select id=''><option value='0' selected=''>组织1</option><option value='1'>组织2</option>ntt<option value='2'>组织3</option>nt<option value='3'>组织4</option></select>",
322                             "inputOrder": 1,
323                             "inputType": "option",
324                             "isRequired": "y",
325                             "maxLength": 20,
326                             "validationRegex": ""
327                         },
328                         {
329                             "appCode": "",
330                             "belongToState": "b",
331                             "className": "",
332                             "elemId": "8",
333                             "elemName": "customs",
334                             "id": 0,
335                             "inputOption": "",
336                             "inputOrder": 1,
337                             "inputType": "text",
338                             "isRequired": "y",
339                             "maxLength": 20,
340                             "validationRegex": ""
341                         },
342                         {
343                             "appCode": "",
344                             "belongToState": "b",
345                             "className": "",
346                             "elemId": "9",
347                             "elemName": "type",
348                             "id": 0,
349                             "inputOption": "<input type='radio' name='radio1'/>xxxnt<input type='radio' name='radio1'/>xxxnt<input type='radio' name='radio1'/>xxxnt<input type='radio' name='radio1'/>xxx",
350                             "inputOrder": 1,
351                             "inputType": 'radio',
352                             "isRequired": "n",
353                             "maxLength": 0,
354                             "validationRegex": ""
355                         },
356                         {
357                             "appCode": "",
358                             "belongToState": "s",
359                             "className": "",
360                             "elemId": "server",
361                             "elemName": "服务组合",
362                             "id": 0,
363                             "inputOption": "<input type='radio' name='radio1'/>服务1nt<input type='radio' name='radio1'/>服务2nt<input type='radio' name='radio1'/>服务3",
364                             "inputOrder": 1,
365                             "inputType": 'radio',
366                             "isRequired": "y",
367                             "maxLength": 0,
368                             "validationRegex": ""
369                         },
370                         {
371                             "appCode": "",
372                             "belongToState": "f",
373                             "className": "",
374                             "elemId": "taxpayer",
375                             "elemName": "是否为纳税人",
376                             "id": 0,
377                             "inputOption": "<input type='radio' name='radio1'/>是nt<input type='radio' name='radio1'/>否",
378                             "inputOrder": 1,
379                             "inputType": 'radio',
380                             "isRequired": "y",
381                             "maxLength": 0,
382                             "validationRegex": ""
383                         },
384                         {
385                             "appCode": "",
386                             "belongToState": "f",
387                             "className": "",
388                             "elemId": "bank",
389                             "elemName": "开户行",
390                             "id": 0,
391                             "inputOption": "",
392                             "inputOrder": 1,
393                             "inputType": "text",
394                             "isRequired": "y",
395                             "maxLength": 20,
396                             "validationRegex": ""
397                         }
398                     ],
399                     "groupType": "s",
400                     "id": 0,
401                     "isAttach": "0"
402                 },
403                 {
404                     
405                     "applyId": 1,
406                     "attrName": "apply1",
407                     "attrValue": "sdfsd",
408                     "dispOrder": 1,
409                     "elems": [
410                         {
411                             "appCode": "",
412                             "belongToState": "u",
413                             "className": "",
414                             "elemId": "1",
415                             "elemName": "phone1",
416                             "id": 0,
417                             "inputOption": "",
418                             "inputOrder": 1,
419                             "inputType": "text",
420                             "isRequired": "y",
421                             "maxLength": 20,
422                             "validationRegex": "^1[3|4|5|8][0-9]d{4,8}$"
423                         },
424                         
425                         {
426                             "appCode": "",
427                             "belongToState": "b",
428                             "className": "",
429                             "elemId": "5",
430                             "elemName": "legaperson5",
431                             "id": 0,
432                             "inputOption": "<select id=''><option value='0' selected=''>组织1</option><option value='1'>组织2</option>ntt<option value='2'>组织3</option>nt<option value='3'>组织4</option></select>",
433                             "inputOrder": 1,
434                             "inputType": "option",
435                             "isRequired": "y",
436                             "maxLength": 20,
437                             "validationRegex": ""
438                         },
439                         {
440                             "appCode": "",
441                             "belongToState": "b",
442                             "className": "",
443                             "elemId": "6",
444                             "elemName": "ore6",
445                             "id": 0,
446                             "inputOption": "",
447                             "inputOrder": 1,
448                             "inputType": "text",
449                             "isRequired": "n",
450                             "maxLength": 0,
451                             "validationRegex": ""
452                         },
453                        
454                         {
455                             "appCode": "",
456                             "belongToState": "b",
457                             "className": "",
458                             "elemId": "9",
459                             "elemName": "type9",
460                             "id": 0,
461                             "inputOption": "<input type='radio' name='radio1'/>xxxnt<input type='radio' name='radio1'/>xxxnt<input type='radio' name='radio1'/>xxxnt<input type='radio' name='radio1'/>xxx",
462                             "inputOrder": 1,
463                             "inputType": 'radio',
464                             "isRequired": "n",
465                             "maxLength": 0,
466                             "validationRegex": ""
467                         },
468                         {
469                             "appCode": "",
470                             "belongToState": "s",
471                             "className": "",
472                             "elemId": "server",
473                             "elemName": "服务组合10",
474                             "id": 0,
475                             "inputOption": "<input type='radio' name='radio1'/>服务1nt<input type='radio' name='radio1'/>服务2nt<input type='radio' name='radio1'/>服务3",
476                             "inputOrder": 1,
477                             "inputType": 'radio',
478                             "isRequired": "y",
479                             "maxLength": 0,
480                             "validationRegex": ""
481                         },
482                         {
483                             "appCode": "",
484                             "belongToState": "s",
485                             "className": "",
486                             "elemId": "plan",
487                             "elemName": "套餐11",
488                             "id": 0,
489                             "inputOption": "<textarea rows='10'>套餐1:nt1、功能1nt2、功能1nt3、功能1nt</textarea>",
490                             "inputOrder": 1,
491                             "inputType": "text",
492                             "isRequired": "y",
493                             "maxLength": 0,
494                             "validationRegex": ""
495                         },
496                         {
497                             "appCode": "",
498                             "belongToState": "f",
499                             "className": "",
500                             "elemId": "title",
501                             "elemName": "发票头12",
502                             "id": 0,
503                             "inputOption": "",
504                             "inputOrder": 1,
505                             "inputType": "text",
506                             "isRequired": "y",
507                             "maxLength": 20,
508                             "validationRegex": ""
509                         },
510                         {
511                             "appCode": "",
512                             "belongToState": "f",
513                             "className": "",
514                             "elemId": "taxpayer",
515                             "elemName": "是否为纳税人13",
516                             "id": 0,
517                             "inputOption": "<input type='radio' name='radio1'/>是nt<input type='radio' name='radio1'/>否",
518                             "inputOrder": 1,
519                             "inputType": 'radio',
520                             "isRequired": "y",
521                             "maxLength": 0,
522                             "validationRegex": ""
523                         },
524                         {
525                             "appCode": "",
526                             "belongToState": "f",
527                             "className": "",
528                             "elemId": "bank",
529                             "elemName": "开户行14",
530                             "id": 0,
531                             "inputOption": "",
532                             "inputOrder": 1,
533                             "inputType": "text",
534                             "isRequired": "y",
535                             "maxLength": 20,
536                             "validationRegex": ""
537                         },
538                         {
539                             "appCode": "",
540                             "belongToState": "f",
541                             "className": "",
542                             "elemId": "accountNumber",
543                             "elemName": "账号15",
544                             "id": 0,
545                             "inputOption": "",
546                             "inputOrder": 1,
547                             "inputType": "text",
548                             "isRequired": "y",
549                             "maxLength": 20,
550                             "validationRegex": ""
551                         },
552                         {
553                             "appCode": "",
554                             "belongToState": "f",
555                             "className": "",
556                             "elemId": "address",
557                             "elemName": "注册地址16",
558                             "id": 0,
559                             "inputOption": "",
560                             "inputOrder": 1,
561                             "inputType": "text",
562                             "isRequired": "y",
563                             "maxLength": 20,
564                             "validationRegex": ""
565                         }
566                     ],
567                     "groupType": "u",
568                 }
569             ]
570         }
571     ],
572     "errInfo": "",
573     "errorCode": "",
574     "rtnFlag": "T"
575 }
576  for(var i=0; i<ceshi.rtnInfo[0].states.length; i  ){
577     // alert(ceshi.rtnInfo[0].states[i].grouptype);
578     var page01="";
579     var dataBase = ceshi.rtnInfo[0].states[i];
580     if(dataBase.groupType=="u"){
581         for(var b=0; b<dataBase.elems.length; b  ){
582             //alert(dataBase.elems[b].elemName);
583             //page02  = '<label for="" class="">' dataBase.elems[b].elemName ':</label>';
584             page01  ='<div class="form-group">' 
585                                 '<label for="inputEmail3" class="label-control label-width120 pull-left t-r-f f16">' dataBase.elems[b].elemName ':</label>' 
586                                 '<div class="pull-left">' 
587                                     '<input type="' dataBase.elems[b].inputType '" class="input-control put-width440 ' dataBase.elems[b].elemId '" name="' dataBase.elems[b].elemId '" placeholder="" value="">' 
588                                 '</div>' 
589                                 //'<div class="pull-left">' dataBase[b].inputOption '</div>' 
590                            '</div>';
591             
592         }
593         // alert(page01);
594         $(".result").html(page01);
595     }
596  }
597  
598 </script>
599 </body>
600 </html>

韦德娱乐1946网页版 4韦德娱乐1946网页版 5

Jsonp::韦德娱乐1946网页版 6抑或成立script韦德娱乐1946网页版 7

    }

在https://github.com/douglascrockford/JSON-js上赢获得那么些js,一般未来用json2.js。

    "second":[
        {"name":"上大","area":"香岛"},
        {"name":"莱比锡大学","area":"奥兰多"},
        {"name":"北大","area":"香水之都"},
        {"name":"广东北高校学","area":"湖北"},
    ]
}

写了这么多, 希望对您有辅助,如有失误   一同商量,一齐前行!!  ☺

韦德娱乐1946网页版 8韦德娱乐1946网页版 9

//五个数组:   []下标 从  0 开始
var options = {
        "city" :[
            {    
                "name":"上海",
                "area":"普陀区",
                "option":"真北路",
                "correct":"1"
            },
            {
                "name":"石家庄",
                "area":"河北",
                "option":"在北方",
                "correct":"2"
            }],
        "world":[
            {
                "title":"美国",
                "content":"好莱坞大片 科学幻想"
            },
            {
                "title":"中国",
                "content":"爱自己中华,虽远必诛"
            }
        ]
  };
  options.city[0].area="普陀区"
  options.world[1].content="爱自己中华,虽远必诛

一、JSON字符串转变为JSON对象: eval() 和 JSON.parse

eg- json字符串:   var data = '{ "name": "dran", "sex": "man" }';

  json文件:

   1、用for循环

 2、 each循环 使用$.each方法遍历再次回到的数额date,插入到class为 .result中 

  在AJAX达成前后台数据交互的时候,常常选拔JSON的数码格式,对于JSON来讲,有严谨的代码规范,一旦格式出难点,就不能够展现出相应效果,同一时候还不在调控台报错

  html和ajax代码

以史为鉴来源:

View Code

韦德娱乐1946网页版 10

$.each()函数分歧于JQuery对象的each()方法,它是一个大局函数,  第4个参数以叁个数组大概目的, 第三个参数以八个回调函数作为。回调函数具有三个参数:首个为索引(0发端),第1个为相应变量或内容。

下一场,就足以这么读取:   alert(jstring);   

 1 JSON:
 2    [
 3     {"name":"张三","sex":"男","like":["吃饭","睡觉","打豆豆"]},
 4     {"name":"李四","sex":"男"},
 5     {"name":"王武","sex":"男"},
 6     {"name":"李梅","sex":"女"},
 7 ]
 8 $.ajax({
 9        url : "ceshi.json",
10        type : "POST", 
11        dataType :"text",  //浏览器把json文件当作文本文件  不然读取不出来  权宜之策就改成了text, 因为测试,  json文件格式正确书写
12       success: function(data) { 
13          var dataJson = eval("(" data ")");  // 将json字符串数据解析成对象
14          
15             //each循环 使用$.each方法遍历返回的数据date,插入到class为 .result中  i 表示索引  item 信息值 对象  
16             $.each(dataJson,function(i,item){
17                 var str='<div style="display:block">' 
18                             '<div>姓名:' item.name '  性别:' item.sex '</div>' 
19                             '<div>like:' item.like '</div>' 
20                     '</div>'; 
21                      $(".result").append(str);  
22             })
23  
24 
25         },
26         error:function(data){
27            alert("error");    
28         }
29     })
30 
31 <div class="result"></div>

JSON 数据运用方法:

TAG标签: 韦德娱乐1946
版权声明:本文由韦德娱乐1946_韦德娱乐1946网页版|韦德国际1946官网发布于韦德娱乐1946网页版,转载请注明出处:JSON字符串与Java对象的改造,JSON使用办法韦德娱