使用Ajax在jQuery中获取JSON格式数据的示例代码

JSON（Javaｓｃｒｉｐｔ Object Notation）是一种轻量级的数据交换格式，jsonm文件包含有关名称和值信息。有时我们需要读取JSON格式的数据文件，可以用AJAX实现美元。getJSON（）方法在jQuery。

以下是jQuery在music.txt文件读取JSON数据格式信息的使用。
首先，对music.txt内容如下：
复制代码代码如下所示：
{
{optionkey 1
{optionkey 2
{optionkey 3
}

下面是HTML代码：
复制代码代码如下所示：
单击按钮获取JSON数据

使用Ajax获取JSON数据的jQuery代码：
复制代码代码如下所示：
$（文档）Ready（函数（）{）
$（#按钮）。Click（function（）{）
$ ajax（{
键入：获取
URL
DataType：JSON
成功：函数（数据）{
var音乐；
i表示数据中索引的位置，n表示包含的信息的对象。
$（数据，函数（i，n）{）
获取对象的属性是optionsvalue /价值
音乐+ =+ N {期权价值} + ；
}）；
音乐；
$（#结果）。追加（音乐）；
}
}）；
返回false；
}）；
}）；

当然，你也可以使用$（）。getJSON方法，代码简单：
复制代码代码如下所示：
$（文档）Ready（函数（）{）
$（#按钮）。Click（function（）{）
$.getJSON ('music.txt', function (data) {
var音乐；
$（数据，函数（i，n）{）
音乐+ =+ N {期权价值} + ；
}）；
音乐；
$（#结果）。追加（音乐）；
}）；
返回false；
}）；
}）；