js-json JavaScript
$(document).ready(function(){
 $('#button').click(function(){
  $.ajax({
   type:"GET",
   url:"songs.json",
   dataType:"json",
   success:function(data){
    var song="<ul>";
    //i表示在data中的索引位置，n表示包含的信息的对象
    $.each(data,function(i,n){
     //获取对象中属性为optionsValue的值
     song+="<li>"+n["optionValue"]+"</li>";
    });
    song+="</ul>";
    $('#result').append(song);
   }
  });
  return false;
 });
});

jQuery.getJSON的API

jQuery.getJSON(url, [data], [callback])
概述
通过 HTTP GET 请求载入 JSON 数据。

在 jQuery 1.2 中，您可以通过使用JSONP形式的回调函数来加载其他网域的JSON数据，如 "myurl?callback=?"。jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。 注意：此行以后的代码将在这个回调函数执行前执行。

参数
url,[data],[callback]String,Map,FunctionV1.0
url:发送请求地址。

data:待发送 Key/value 参数。

callback:载入成功时回调函数。

这是更为简单的实现

 代码如下 复制代码

$(document).ready(function(){
 $('#button').click(function(){
  $.getJSON('songs.json',function(data){
   var song="<ul>";
   $.each(data,function(i,n){
    song+="<li>"+n["optionValue"]+"</li>";
   });
   music+="</ul>";
   $('#result').append(song);
  });
  return false;
 });
});