07 AJAX数据交换(JSON).pptVIP

* AJAX数据交换（JSON） * 回顾 理解AJAX技术 熟练XMLHttpRequest对象 熟练使用AJAX中的请求和响应 AJAX的执行流程 了解在AJAX中的XML请求和响应 * 目标 JSON简单介绍 JSON的具体形式 JSON与XML的比较 eval 读JSON格式 * JSON简单介绍 JSON（JavaScript Object Notation） AJAX技术能够使得每一次请求更加迅捷，对于每一次请求返回的不是整个页面，只仅仅是所需要返回的数据。通常AJAX通过返回XML格式的数据，然后再通过客户端复杂的JavaScript脚本解析和渲染这些XML格式的数据。 JSON（读Jason）是为了能够使得数据格式成为一种标准，更简单的被JavaScript解析 * json简单介绍 优点 轻量级的数据交换格式 人们读写更加容易 易于机器的解析和生成 能够通过JavaScript中eval()函数解析JSON JSON支持多语言。包括：ActionScript, C, C#, ColdFusion, E, Java, JavaScript, ML, Objective CAML, Perl, PHP, Python, Rebol, Ruby, and Lua.? * JSON的具体形式 JSON的具体形式 JSON语法是一种用于传输和生成数据的协定，很类似于C家族的语言，所以很容易被C家族的语言所解析。 对象：对象包含在{}之间 属性：采用Key-Value对来表示。属性之间使用逗号分开。? string : value 数组：数组存放在[]之间?? [ elements ] 元素：元素之间用逗号分开 值：值可以是字符串，数字，对象，数组，true，false，null * JSON的具体形式 JSON数据格式的例子： 　{ 　　name:张三, 　　password:123456, 　　department:技术部, 　　sex:男, 　　old:28 　} * JSON的具体形式 JSON数据格式的例子(嵌套)： { name:章子怡, address: {city:Beijing, street: Chaoyang Road , postcode:100025 } }; 事实上google maps就没有采用XML传递数据， 而是采用了JSON方案。 * JSON示例 人员的详细地址信息 script language=javascript function handleJson() { var j={ name:章子怡, address: { city:Beijing, street: Chaoyang Road , postcode:100025 } }; alert(+所在城市：+j.address.city); } /script body input type=button name=Submit value=按钮 onClick=handleJson() /body * JSON与XML 可扩展性 XML天生有很好的扩展性，JSON当然也有，没有什么是XML能扩展，而JSON不能的。 编码难度 XML有丰富的编码工具，比如Dom4j、JDom等，JSON也有提供的工具，但是JSON的编码明显比XML容易许多，即使不借助工具也能写出JSON的代码，可是要写好XML就不太容易了。 解码难度 XML的解析得考虑子节点父节点，让人头昏眼花，而JSON的解析难度几乎为0。这一点XML输的真是没话说。 流行度 XML已经被业界广泛的使用，而JSON才刚刚开始，但是在AJAX这个特定的领域，未来的发展一定是XML让位于JSON。到时AJAX应该变成AJAJ(Asynchronous JavaScript and JSON)了　 * eval eval(string) 作用： eval() 函数可计算某个字符串，并执行其中的的 JavaScript 代码。 即这个函数可以把一个字符串当作一个JavaScript表达式一样去执行它 语法：eval(string) 参数string必需。要计算的字符串，其中含有要计算的 JavaScript 表达式或要执行的语句。 返回值： 通过计算 string 得到的值（如果有的话），即参数string有返回值，则eval的执行结果就有返回值 *