jQuery中使用Ajax获取JSON格式数据示例代码
2013-11-26 16:57
1076 查看
$(document).ready(function(){
$('#button').click(function(){
$.ajax({
type:"GET",
url:"music.txt",
dataType:"json",
success:function(data){
var music="<ul>";
//i表示在data中的索引位置,n表示包含的信息的对象
$.each(data,function(i,n){
//获取对象中属性为optionsValue的值
music+="<li>"+n["optionValue"]+"</li>";
});
music+="</ul>";
$('#result').append(music);
}
});
return false;
});
});
相关文章推荐
- jQuery中使用Ajax获取JSON格式数据示例代码
- jQuery中使用Ajax获取JSON格式数据示例代码
- jQuery中使用Ajax获取JSON格式数据示例代码
- 使用ajax获取JSON数据的jQuery代码的格式
- jQuery中使用Ajax获取JSON格式数据
- jQuery中使用Ajax获取JSON格式数据
- jQuery中使用Ajax获取JSON格式数据
- struts2 + ajax(由前台的form提交数据到后台,再根据form所调用返回获取的后台json格式的数据返回到前端,然后前端用jquery对json数据进行解析)==》》涉及非文件上传的部分
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- Jquery 模板插件 jquery.tmpl.js 的使用方法(1):基本语法,绑定,each循环,ajax获取json数据
- jQuery使用getJSON方法获取json数据完整示例
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- 解决google chart使用服务器端代码获取填充数据--json格式
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- C# 把数据集生成为JSON格式 并在使用Jquery 获取JSON数据
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- 使用原生JavaScriptAjax以及jQuery的Ajax结合SpringMVC发送和获取json数据
- 为您解惑:jQuery中$.getJSON( )的使用方法简介之获取JSON格式的数据.........
- jQuery使用ajax方法解析返回的json数据功能示例