stonezhuzisgu的专栏(2)_H5之家 - 中国HTML5教程资源分享第一站

尽管看起来不明显，但是上面的长字符串实际上只是一个数组；将这个数组放进 JavaScript 变量之后，就可以很轻松地访问它。实际上，只需用点号表示法来表示数组元素。所以，要想访问 programmers 列表的第一个条目的姓氏，只需在 JavaScript 中使用下面这样的代码：

people.programmers[0].lastName;

注意，数组索引是从零开始的。所以，这行代码首先访问 people 变量中的数据；然后移动到称为 programmers 的条目，再移动到第一个记录（[0]）；最后，访问 lastName 键的值。结果是字符串值 “McLaughlin”。

下面是使用同一变量的几个示例。

people.authors[1].genre // Value is "fantasy"

people.musicians[3].lastName // Undefined. This refers to the fourth entry,
and there isn't one

people.programmers.[2].firstName // Value is "Elliotte"

利用这样的语法，可以处理任何 JSON 格式的数据，而不需要使用任何额外的 JavaScript 工具包或 API。

修改 JSON 数据

正如可以用点号和括号访问数据，也可以按照同样的方式轻松地修改数据：

people.musicians[1].lastName = "Rachmaninov";

在将字符串转换为 JavaScript 对象之后，就可以像这样修改变量中的数据。

转换回字符串

当然，如果不能轻松地将对象转换回本文提到的文本格式，那么所有数据修改都没有太大的价值。在 JavaScript 中这种转换也很简单：

String newJSONtext = people.toJSONString();

这样就行了！现在就获得了一个可以在任何地方使用的文本字符串，例如，可以将它用作 Ajax 应用程序中的请求字符串。

更重要的是，可以将任何 JavaScript 对象转换为 JSON 文本。并非只能处理原来用 JSON 字符串赋值的变量。为了对名为 myObject 的对象进行转换，只需执行相同形式的命令：

String myObjectInJSON = myObject.toJSONString();

这就是 JSON 与本系列讨论的其他数据格式之间最大的差异。如果使用 JSON，只需调用一个简单的函数，就可以获得经过格式化的数据，可以直接使用了。对于其他数据格式，需要在原始数据和格式化数据之间进行转换。即使使用 Document Object Model 这样的 API（提供了将自己的数据结构转换为文本的函数），也需要学习这个 API 并使用 API 的对象，而不是使用原生的 JavaScript 对象和语法。

最终结论是，如果要处理大量 JavaScript 对象，那么 JSON 几乎肯定是一个好选择，这样就可以轻松地将数据转换为可以在请求中发送给服务器端程序的格式。

在.net 下的简单示例:
----JSON.js
//创xmlhttpRequest

function fn_getXmlHttpRequest()
{
    var A=null;
    try
    {
        A=new ActiveXObject("Msxml2.XMLHTTP");//initialize a xmlhttp object
    }
    catch(e)
    {
        try
        {
            A=new ActiveXObject("Microsoft.XMLHTTP");
        }
        catch(oc)
        {
            A=null
        }
    }

    if (!A && typeof XMLHttpRequest != "undefined" )
    {
        A=new XMLHttpRequest()
    }
    return A
}
//调用对象
function fun_Ajax()
{
    var xmlHttp=fn_getXmlHttpRequest();
    var ToURL="JSON.aspx?IsAjax="+escape('YES')+"&CacheFresh=" + Math.random();
    xmlHttp.open("post",ToURL,false);
    xmlHttp.send(null);
    var result = eval(xmlHttp.responseText);
    if(result!="" && result!="&&&")
    {
       //alert(result[0]);
        alert(result[0].name);
        //alert(result.message.length);

    }
    else
    {

    }
}

-----JSON.aspx

<html xmlns="" >
<head runat="server">
    <title>JSON Page</title>
<script language="javascript" src="JSON.js" type="text/javascript"></script>
</head>
<body>
    <form id="form1" runat="server">
    <table ><tr><td align="center">
        <asp:Button ID="btnJson" Text="JSON Test" runat="server" OnClientClick="fun_Ajax();return ;" />
    </td></tr></table>
    </form>
</body>
</html>

------JSON.aspx.cs
//监听ajax
    protected void Page_Load(object sender, EventArgs e)
    {
        if (Request["IsAjax"] != null && Request["IsAjax"]=="YES")
        {
            fun_Data();
            return;
        }

    }

//生成数据
public void fun_Data()
    {
        string strResult = string.Empty;
        strResult="{message:[";
        strResult+=" {";
        strResult+="      name:'Michael',";
        strResult+="      email:'17bity@gmail.com',";
        strResult+="      homepage:'http://www.jialing.net'";
        strResult+="    },";
        strResult+="    {";
        strResult+="      name:'John',";
        strResult+="      email:'john@gmail.com',";
        strResult+="      homepage:'http://www.jobn.com'";
        strResult+="    },";
        strResult+="    {";
        strResult+="      name:'Peggy',";
        strResult+="      email:'peggy@gmail.com',";
        strResult+="      homepage:/""";
        strResult+="    }";
        strResult += "    ]};";

        Response.Clear();
        Response.Write(strResult);
        Response.Flush();
        Response.Close();
    }

这里有必要说一下在JSON.js中,要注意:EVAL