Common page elements to display JSON data

 1 <%@ page contentType="text/html;charset=UTF-8" language="java" %>
 2 <html>
 3 <head>
 4     <title>jsondemo</title>
 5     <script src="js/jquery-1.12.4.min.js"></script>
 6 </head>
 7 <body>
 8 <script type="text/javascript">
 9 
10     $(function () {//
11         var json = {"name":"jillion","age":18};
12         console.log(typeof json);var14will js js object is converted into a string, facilitate the transmission between the network//13 isObject//
         
         = the JSON.stringify STR (json); // String IF Yes 
15          // "{ 'name': 'jillion', 'Age':} 18 is" 
16          // The format string json how to convert an object into a convenient property acquisition 
. 17          var obj = the JSON.parse (STR);
 18 is         // Alert (obj.name); 
. 19  
20 is  
21 is          // JSON string array 
22 is          var countryArray = [ "China", "US", "Russian" ];
 23 is          var $ countryArray = $ (countryArray);
 24          $ countryArray.each ( function (I) {
 25              . $ ( "# arraySel") the append ( "<Option value = '"+(i+1)+"'>"+this+"</option>");
26             $("#arrayUl").append("<li>"+this+"</li>")
27         })
28 
29         //json对象数组
30         // var userObjArray = [
31         //     {"name":"jillion","age":18},
32         //     {"name":"小龙","age":17},
33         //     {"name":"岚岚","age":16},
34         //     {"name":"必成","age":8}
35         // ];
36         // //1.$.each(arr,function(i,obj){})
37         // //2.$arr.each(function(i,obj){});
38         // var aa = $("#tabledemo").append("<tr><td>序列号</td><td>姓名</td><td>年龄</td></tr>");
39         // $.each(userObjArray,function (i, obj) {
40         //     aa.append("<tr><td>"+(i+1)+"</td><td>"+(obj.name)+"</td><td>"+(obj.age)+"</td></tr>")
41         // })
42 
43         var yonghuArray = [
44             {"ID":"1","name":"admin","address":"北京市海淀区","mobile":"12312345678"},
45             {"ID":"2","name":"Macy", "address": "Wuhan, Hubei Province", "Mobile": "12,315,263,748" 47},
             { "ID": ". 3", "name": "James", "address": "Sichuan Chengdu "," Mobile ":" 12,312,345,679 "46 is},
             {"ID":"4","name":"乔丹","address":"北京市海淀区","mobile":"12312345689"},
48         ];
49 
50         var kgc = $("#cc").append("<tr>"+
51                 "<td>ID</td><td>姓名</td><td>住址</td><td>手机");
52         $.each(yonghuArray,function (i,obj) {
53             kgc.append("<tr><td>"+(i+1)+"</td><td>"+(obj.name)+"</td><td>"+
54                 (obj.address)+"</td><td>"+(obj.mobile)+"</td><TR> " an array of strings JSON format:
61 is</ Script>
605958    })
57 is        })
56 is55)
 
   
 
 62 <select id="arraySel"></select>
63 <ul id="arrayUl"></ul>
64 <table id="cc" border='1'>
65 
66 </table>
67 </body>
68 </html>
View Code
Common page elements to display JSON data

Guess you like
