自创JavaScript高级编程!.ppt

4.JavaScript处理JSON格式数据 4.1 JSON是什么？ JSON即javascript对象标记，是一种轻量级的数据交换格式 JSON的优势： 同XML或HTML相比，JSON 更简单灵活 JSON是基于纯文本的数据格式，便于在网络上传入和解析 JSON的数据格式简单，但却可以传输任何类型的数据 JSON是JavaScript原生格式，在JavaScript中处理JSON数据不需要任何 特殊的 API 或工具包 { 订单编号:OD-00001, 订单日期:2010-1-23, 订货人:Tom, 订单详细:[ {商品编号:SP 数量:5, 单价:120, 总价:600 }, {商品编号:SP 数量:50, 单价:100, 总价:5000} ] } JSON数据格式：可以是任何类型的数据，包括JavaScript对象和数组 4.2 JavaScript处理JSON数据 JavaScript访问JSON数据直接可以通过“.”运算符访问JSON数据的属性，也可以直接使用“=”为属性赋值 function handleJSON() { var user = { name: Michael, address: { city: Beijing, street: Chaoyang Road , postcode: 100025} }; document.write(user.name= + user.name); document.write(bruser.address.city= + user.address.city); } function showJSON() { var user ={username: Tom, age: 20,info: { tel: 123456, cellphone: 98765 }, address:[{ city: beijing, postcode: 222333 },{ city: newyork, postcode: 555666 }] } with (document) { writeln(bruser.username= + user.username); writeln(bruser.age= + user.age); writeln(bruser.info.cellphone= + user.info.cellphone); writeln(bruser.address[0].city= + user.address[0].city); //address是数组 writeln(bruser.address[0].postcode= + user.address[0].postcode); } user.username = Jack; document.writeln(bruser对象的username属性被重新赋值,user.username=+user.username); } handleJSON(); showJSON(); 取JSON对象的属性值 为属性赋值 JavaScript处理JSON数据 使用“json2.js”文件中stringify()方法将JSON对象转换为JSON字符串 使用“json2.js”文件中parse()方法将JSON格式的字符串转换为JSON数据对象 使用JavaScript的eval()方法将普通字符串转换为JSON数据对象 //声明普通字符串 var normalstring={persons:[{name:jordan,sex:m,age:40}, {name:bryant,sex:m,age:28}]}; //声明JSON格式的字符串 var jsontext={persons:[{name:jordan,sex:m,age:40}, {name:bryant,sex:m,age:28}]}; var myjson = eval(normalstring); with (document) { writeln(转换后的JSON对象： + myjson); } document.writeln(brmyjson[0].name= + myjson[0].name); var text = JSON.stringify(myjson); document.writeln(br转换后的jso