JSON语法及使用

JSON 语法规则

JSON 语法是 JavaScript 对象表示法语法的子集。

• 数据在名称/值对中
• 数据由逗号分隔
• 花括号保存对象
• 方括号保存数组

JSON 值

JSON 值可以是：

• 数字（整数或浮点数）
• 字符串（在双引号中）
• 逻辑值（true 或 false）
• 数组（在方括号中）
• 对象（在花括号中）
• null

把 JSON 文本转换为 JavaScript 对象

JSON 最常见的用法之一，是从 web 服务器上读取 JSON 数据（作为文件或作为 HttpRequest），将 JSON 数据转换为 JavaScript 对象，然后在网页中使用该数据。

为了更简单地为您讲解，我们使用字符串作为输入进行演示（而不是文件）。

JSON 实例 - 来自字符串的对象

创建包含 JSON 语法的 JavaScript 字符串：

var txt = '{ "employees" : [' +'{ "firstName":"Bill" , "lastName":"Gates" },' +'{ "firstName":"George" , "lastName":"Bush" },' +'{ "firstName":"Thomas" , "lastName":"Carter" } ]}';

由于 JSON 语法是 JavaScript 语法的子集，JavaScript 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象。

eval() 函数使用的是 JavaScript 编译器，可解析 JSON 文本，然后生成 JavaScript 对象。必须把文本包围在括号中，这样才能避免语法错误：

var obj = eval ("(" + txt + ")");

在网页中使用 JavaScript 对象：

例子

<p>First Name: <span id="fname"></span><br />Last Name: <span id="lname"></span><br /></p><script type="text/javascript">document.getElementById("fname").innerHTML = obj.employees[1].firstNamedocument.getElementById("lname").innerHTML = obj.employees[1].lastName</script>

把查到的城市对象简化后转化为数组返回到页面去，

config.setExcludes(）;用来去掉那些不需要的属性。

                JsonConfig config=new JsonConfig();config.setExcludes(new String[]{"id","pid","pycode","postcode","areacode"});    JSONArray jsonArray=JSONArray.fromObject(citiesSelect,config);            System.out.println(jsonArray.toString());            response.setCharacterEncoding("utf-8");            response.getWriter().print(jsonArray.toString());

在JSP对服务器返回的JSON数据转化成JavaScript 对象，添加到下选框上。

function showCity(value){    $.post("${pageContext.request.contextPath}/crm/companyAction_showCity.do",{name:value} ,function(data,textStatuts){             //alert(data);             var dataObj=eval("("+data+")");             //alert(dataObj);                          //删除城市             $("select[name='city'] option[value!='']").remove();                          // <select name="city" style="width:90%">                 //<option value="">--------</option>             //</select>             for(var i=0;i<dataObj.length;i++){                   var $option=$("<option></option>");                   $option.attr("value",dataObj[i].name);                   $option.text(dataObj[i].name);                   $("select[name='city']").append($option);             }        });}