json_object_eval 

<html>
 <head>
  <title> json_object_eval_length.php </title>
  <meta charset="UTF-8">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <script type="text/javascript" src="jQuery/jquery-1.11.1.min.js" ></script>
  <script type="text/javascript">
  $(function(){

    $("#json_object_length").click(function(){
      var data = [{"id":"1","name":"a"},{"id":"2","name":"b"}];  
      var obj_array=eval(data);
      var htmltext="";
      for(i=0;i<obj_array.length;i++){
          htmltext += "id: " + obj_array[i].id + " ; " +  "name: " + obj_array[i].name + "<br />";
      }

       $("#result").html(htmltext);

       alert(obj_array.length); 
  });
 

});
  </script>
</head>
<body>
<h2>通过 JSON 字符串来创建对象</h3>
<p>
First Name: <span id="fname"></span><br /> 
Last Name: <span id="lname"></span><br /> 
<button id="json_object_length" >object_length</button>
<div id="result"></div>
</p> 
<script type="text/javascript">
var txt = '{"employees":[' +
'{"firstName":"Bill","lastName":"Gates" },' +
'{"firstName":"George","lastName":"Bush" },' +
'{"firstName":"Thomas","lastName":"Carter" }]}';

//var obj = JSON.parse(txt);
//obj = JSON.parse(txt);
//var obj = eval ("(" + txt + ")");//更好的方案
obj = eval ("(" + txt + ")");


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



</body>
</html>

 

posted @ 2017-11-08 10:18  sky20080101  阅读(119)  评论(0)    收藏  举报