JSON的简单用法(补足六个汉字).docVIP

JSON的简单用法 一个简单的prototype和应用json的Ajax例子 JSON （JavaScript Object Notation）一种简单的数据格式，比xml更轻巧。 JSON 是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。 JSON的规则很简单： 对象是一个无序的“‘名称/值’对”集合。一个对象以“{”（左括号）开始，“}”（右括号）结束。每个“名称”后跟一个“:”（冒号）；“‘名称/值’ 对”之间使用“,”（逗号）分 这表示一个user对象，拥有username, age, info, address 等属性。 同样也可以用JSON来简单的修改数据 function ?showJSON()?{ ?? var?user?=? ?? ??????username:andy, ?? age:20, ?? ???????info:?{?tel:?123456,?cellphone:?98765}, ?? address: ?? ????????????[ ?? city:beijing,postcode:222333}, ?? ?????{city:newyork,postcode:555666} ?? ????} ?? alert(user.username); ?? ???alert(.cellphone); ?? ?alert(user.address[0].postcode); ?? ???user.username?=?Tom; ?? } ?? jsp页面代码如下： HYPERLINK mailto:%25@page %@page contentType=text/html;charset=utf-8%!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN HYPERLINK /TR/html4/strict.dtd /TR/html4/strict.dtdhtml?head??meta http-equiv=Content-Type content=text/html; charset=utf-8 /??link href=%=request.getContextPath() %/css/main/style.css???type=text/css rel=stylesheet /??script type=text/javascript???src=%=request.getContextPath() %/js/prototype-.js/script script type=text/javascript?var courseObj = null;??// 异步加载课程信息?function loadCourse() {??new Ajax.Request(listCourse.do, {????method :get,????onSuccess : function(req) { //evalJSON方法可以把传来的JSON字符到Object //parseJSON()方法也可以转成Object?????courseObj = req.responseText.evalJSON();?????fillCourse();????}??});?} /*? * 填充课程和主题? */ function fillCourse() {??if (courseObj != null) {???var courseSelect = $(course);???for (i = 0; i courseObj.length; i++) {?????? // select 对象的属性options表其下所有的Option?????? // JS 中通过new Option 创建 option 对象????courseSelect.options[i] = new Option(courseObj[i].name,??????courseObj[i].id);???}???courseSelect.options[0].selected = true;???fillSubject(courseObj[0].subjects);??}?} function fillSubject(subjectObj) {??var subjectSelect = $(subject);??//清空select下的所有option??subjectSelect.length = 0