Json对象

http://www.cnblogs.com/Dlonghow/archive/2008/07/04/1235705.html

https://bbs.csdn.net/topics/390433002

最近在捉时间，对JavaScript高级程序设计进行叫系统的补强学习。
经过几天的学习，今天特意整理了JavaScript的面向对象的编程实现，也是一个基本问题：怎样建立对象？

其实写过Js代码的人，也已经涉及到对象的建立了，我们使用的其实是一种被称为JavaScript Object Notation(缩写 JSON)的形式，翻译为中文就是“JavaScript对象表示法"。

SON为创建对象提供了非常简便的方法。例如，
1）.创建一个没有任何属性的对象：

var o={};

2）.创建一个对象并设置属性及初始值：

var person = {
2

name: "Angel",
3

age: 18,
4

married: false
5

};

3) . 创建一个对象并设置属性和方法：

var speaker =
2

{
3

text: "Hello World",
4

say: function()//函数=方法
5

{
6

alert(this.text);//this 理解为当前的对象speaker
7

}
8

};

4）.创建一个更复杂的对象,嵌套其他对象和对象数组等：

var company =
2

{
3

name: "Microsoft",
4

product: "softwares",
6

chairman: {name: "Bill Gates", age: 53, Married: true},
8

employees: [{name: "Angel", age: 26, Married: false}, {name: "Hanson", age: 32, Marred: true}],
10

readme: function() {document.write(this.name + " product " + this.product);}
12

};

总结：
JSON 的形式就是用大括“{}”号包括起来的项目列表，每一个项目间并用逗号“,”分隔，而项目就是用冒号“:”分隔的属性名和属性值。这是典型的字典表示形式，也再次表明了 JavaScript 里的对象就是字典结构。不管多么复杂的对象，都可以被一句JSON 代码来创建并赋值。
其实，JSON 就是JavaScript 对象最好的序列化形式，它比XML 更简洁也更省空间。对象可以作为一个JSON 形式的字符串，在网络间自由传递和交换信息。而当需要将这个JSON 字符串变成一个JavaScript 对象时，只需要使用eval 函数这个强大的数码转换引擎，就立即能得到一个JavaScript 内存对象。正是由于JSON 的这种简单朴素的天生丽质，才使得她在AJAX 舞台上成为璀璨夺目的明星。
JavaScript 就是这样，把面向对象那些看似复杂的东西，用及其简洁的形式表达出来。卸下对象浮华的浓妆，还对象一个眉目清晰！

--------------------------------------------------------------------------------------------------------------------------------------------------

 1 JSON知识点
 2 
 3 JSON一般是配着xx.HTML和xx.ashx用的
 4 
 5 1.根据用户输入ID，来在下方运用拼接字符串的形式展现出来
 6 
 7 请输入ID值<input type="text" id="uid" /><input type="button" value="查询" id="Btn" />
 8 
 9 <table id="result" style="display:none">
10 <thead>
11 <tr><td>ID</td>
12 </thead>
13 <tbody>
14 </tbody>
15 </table>
16 <script>
17 $(function(){
18 $("#Btn").click(function(){
19 var id=$("#uid").val();获取输入的值，记住是val()!!!!!!!
20 if(id=="")
21 {return;}
22 
23 $.getJSON(
24 "GetJson.ashx",
25 {action:0,ID:id},
26 function(data){ ---ID这里的ID，name是model层里的字段，没有的话，在.ashx写个实体类
27 $("#result tobody").empty().append("<tr><td>"+data.ID+"</td><td>"+data.name+"</td><td>"+data.pwd+"</td></tr>");
28 $("#result").show();
29 });
30 })
31 })
32 </script>
33 --------------------------------------------------------------------------------------------------------------------------------------------
34 所有的脚本语言都要写在<script></script>
35 function name()
36 {
37 var now=new Date();
38 var year=now.getFullYear();
39 }定义一个函数，就差不多是定义一个方法
40 
41 到时候直接调用函数名，
42 if(confirm（“确定要删除吗”）)
43 一般在修改的时候，添加一个隐藏域 type=hidden ID="hidd" 在后台获取这个页面的ID，也就是传过去的id
44 
45 第一步：
46 $(function(){
47 //第一小节就是做出各个变量的“规则”
48 $("#Btn").click(function(){})//click单击事件
49 $("#Btn").click(function(){
50 var name=$("#name").val();//获取各个变量的输入值
51 .......
52 var Pw=$("#pwd").val();
53 var error="";
54 if(name=="")
55 {error+=err+"用户名不能为空"}
56 if(error!="")
57 {
58 alert(error);
59 return;
60 }
61 })
62 ////接下来写异步方式
63 $.ajax({type:"post",url:"zhuce.ashx",data="name=lisi&&pwd=123",success:function(data){
64 if(data=="1")
65 {
66 alert("注册成功");
67 window.location.href = "GetTime.htm";
68 
69 }
70 
71 else
72 {
73 alert(注册失败);
74 }
75 }
76 
77 })
78 
79 });
80 ------------------------------------------------------------------------------------------------------
81 $.getJSON("",{},function(){} )
82 $.ajax({url:"",type:"",data="name=lisi&&pwd=123",success:function(){} })
83 后台就是根据前台传过来的要修改或者要注册的数据...data里的数据来进行操作
84 也可以在前台添加隐藏域 来获取前台的id
85 
86

Json 前台与后台的交互和隐藏域id用于修改

-----------------------------------------------------------------------------------------------------------------------------------------------