基准化AJAX-JSON与XML

JSON与XML

JSON和XML基本上用于同一目的-表示和交换数据。 我将通过向您展示一个如何以XML表示数据类（实际上是PHP文档页面列表）的示例，来尝试向您展示为什么您可能想在AJAX上下文中使用JSON而不是XML。 然后使用JSON。 通过这种并排比较，您可以开始理解如何用JSON表示数据。 XML版本：

XML版本JSON版本

<?xml version="1.0" encoding="UTF-8"?>
<root>
    <data> 
        <id>1</id>                    
        <name>PHP </name> 
    </data>
    <data> 
        <id>2</id>                    
        <name>Table of Contents</name> 
    </data>
    <data> 
        <id>7</id>                    
        <name>Getting Started</name> 
    </data>
    <data> 
        <id>8</id>                    
        <name>Introduction</name> 
    </data>
    <data> 
        <id>9</id>                    
        <name>What is PHP?</name> 
    </data>
    <data> 
        <id>10</id>                    
        <name>What can PHP do?</name> 
    </data>
    <data> 
        <id>11</id>                    
        <name>A simple tutorial</name> 
    </data>
    <data> 
        <id>12</id>                    
        <name>What do I need?</name> 
    </data>
</root>

      {
                "data": [
                           {
                                "id" :    "1",
                                "name" :    "PHP"                            
                            },
                            {
                                "id" :    "2",
                                "name" :    "Table of Contents" 
                            },
                            {
                                "id" :    "7",
                                "name" :    "Getting Started"  
                            },
                            {
                                "id" :    "8",
                                "name" :    "Introduction"
                            },
                            {
                                "id" :    "9",
                                "name" :    "What is PHP?"
                            },
                            {
                                "id" :    "10",
                                "name" :    "What can PHP do?"
                            },
                            {
                                "id" :    "11",
                                "name" :    "A simple tutorial"
                            },
                            {
                                "id" :    "12",
                                "name" :    "What do I need?" 
                            }
                    ]
          }; 

这里没有什么复杂的事情。 现在数据包含我们在本文中一直关注的JSON格式的数据。 但是，这并没有多大用处，因为数据仍未采用明显有用的格式。

JSON响应+访问数据

尽管可能并不明显，但上面的长字符串只是一个数组，一旦将该数组放入JavaScript变量中，就可以轻松访问它。 实际上，您可以简单地用句点定界符分隔数组。 因此，要访问PHP文档页面的第一个条目的名称，您可以在javascript中使用如下代码

：

data.name[0];

请注意，索引是从零开始的。 因此，这始于data变量中的数据。 然后，它移到名为name的项目并提取第一条记录（[0]）； 结果是字符串值“ PHP”。

这是使用相同变量的更多示例。

data.name[1]
  // Value is Table of Contentsy"   

有了这些语法，您就可以使用任何JSON格式的数据，而无需任何额外JavaScript工具包或API。

修改JSON数据

正如您可以使用上面显示的点和括号符号访问数据一样，您可以通过以下方式轻松修改数据：

data.name[1] = "PHP is HERE";

从字符串转换为JavaScript对象后，您只需要做的就是更改变量中的数据。

立即测试-基准化AJAX-JSON与XML 我的测试结果在这里

From: https://bytes.com/topic/asp-net/insights/840707-benchmarking-ajax-json-vs-xml