标签归档:JAVASCRIPT

JAVASCRIPT
前台的一些东西

JSON格式总结

【JSON是什么】
JSON,JavaScript Object Notation,一种更轻、更友好的用于接口(AJAX、REST等)数据交换的格式。JSON是结构化数据串行化的文本格式,作为XML的一种替代品,用于表示客户端与服务器间数据交换有效负载的格式。它是从ECMAScript语言标准衍生而来的。JSON的设计目标是使它成为小的、轻便的、文本的,而且是JavaScript的一个子集。
JSON能够描述四种简单的类型(字符串、数字、布尔值和null)和两种结构化类型(对象和数组)。

字符串(string)是零个或多个Unicode字符的序列。除了字符 “、\、/和一些控制符(\b,\f,\n,\r,\t)需要编码外,其他 Unicode 字符可以直接输出

对象(Object)是无次序的零个或多个名/值(name/value)对的集合,使用{}包含包含所有元素。这里的name是string类型,value则可以是string、number、boolean、null、Object或Array类型。

数组(Array)是零个或多个value的有序序列。JSON 还可以表示一个数组对象,使用 [] 包含所有元素,每个元素用逗号分隔,元素可以是任意的 Value。

Object 对象在 JSON 中是用 {} 包含一系列无序的 Key-Value 键值对表示的,key是string类型,value则可以是string、number、boolean、null、Object或Array类型。

“Object”和”Array”这两个术语来自JavaScript规范。

【JSON的优点】

  1. 数据格式比较简单, 易于读写, 格式都是压缩的, 占用带宽小
  2. 易于解析, 客户端JavaScript可以简单的通过eval()进行JSON数据的读取
  3. 支持多种语言, 包括ActionScript, C, C#, ColdFusion, Java, JavaScript, Perl, PHP, Python, Ruby等语言服务器端语言, 便于服务器端的解析

【JSON的缺点】

  1. 没有XML格式这么推广的深入人心和使用广泛, 没有XML那么通用性
  2. JSON格式目前在Web Service中推广还属于初级阶段

【在PHP中使用JSON】
PHP中的json直接相关的函数只有json_encode和json_decode。其中json_encode只能接受 UTF-8 编码的字符串类型数据,所以此处我们可能用到iconv等编码转换函数。

在PHP5.2.0之后,可以使用json_encode直接操作服务器端的对象、数组等,能够直接生JSON格式, 便于客户端的访问提取。
另外,由于PHP中的数组是以HASH链表存在,可以使用非数字的关键字作为下标,所以,如果我们需要生成的数据是数组而不是对象时,需要数据的下标满足如下要求:

  • 必须是数字索引,
  • 必须从0开始,
  • 必须从小到依次增加,
  • 中间不可以弹跳下,
  • 位置不可变动.

这是由于在JS中数组是0开始的顺序序列,其余都只能是哈希表对象。如果要使用数组,可以使用array_values()函数。

【小结】
JSON 已经是 JavaScript. 标准的一部分。目前,主流的浏览器对 JSON 支持都非常完善。应用 JSON,我们可以从 XML 的解析中摆脱出来,对那些应用 Ajax 的 Web 2.0 网站来说,JSON 确实是目前最灵活的轻量级方案。

【参考资料】

http://ssgemail.javaeye.com/blog/36776

http://blog.csdn.net/kinglino520/archive/2009/03/30/4036449.aspx

http://hi.baidu.com/zhaofei299/blog/item/79ba4bf3473012c30b46e0d3.html

window.open窗口名称的问题

今日在一页面中需要点击查询按钮据下拉选择弹出不同的统计结果页面。即使用如下代码:

【代码一】

1
2
3
4
<script type="text/javascript">
window.open (url, ‘newwindow’, 'height=600, width=800, top=0, left=0, toolbar=no, menubar=no, 
scrollbars=yes, resizable=yes,location=no, status=no');
</script>

当多次点击按钮触发此事件时,无法选择哪种统计方式,显示的结果总是在一个页面打开,除非关闭这个页面才会重新打开页面。不懂,于是修改其各个参数。终于在改变了newwindow后才出现所要的效果(对于每种类别在不同的窗口中显示)。
【所得】

Window.open的第二个参数是用来标记当前页面的子窗口的,可以存在多个标记为空’’的子窗口,但是对于一个不为空的标记,只能存在一个此标记的窗口。如【代码一】所示,此代码在一个页面,即使是多次触发,也只会打开一个页面,就算是其它参数不同。
【简单示例】

1
2
3
4
5
<script type="text/javascript">
   var url = "index.html";
   window.open (url, 'name', 'height=600, width=800, top=0, left=0, toolbar=no, menubar=no, 
scrollbars=yes, resizable=yes,location=no, status=no');
</script>

附 参数详解【google所得】

【参数描述】

参数名 参数说明
url 弹出窗口的文件名
name 弹出窗口的名字(不是文件名),非必须,可用空”代替
height 窗口高度
width 窗口宽度
top 窗口距离屏幕上方的象素值
left 窗口距离屏幕左侧的象素值
toolbar 是否显示工具栏,yes为显示
menubar,scrollbars 表示菜单栏和滚动栏
resizable 是否允许改变窗口大小,yes为允许
location 是否显示地址栏,yes为允许
status 是否显示状态栏内的信息(通常是文件已经打开),yes为允许