jQuery中使用Ajax获取JSON格式数据
来源:互联网 发布:网上邻居网络密码 编辑:程序博客网 时间:2024/04/28 02:45
JSON(JavaScript Object Notation)是一种轻量级的数据交换格式。JSONM文件中包含了关于“名称”和“值”的信息。有时候我们需要读取JSON格式的数据文件,在jQuery中可以使用Ajax或者 $.getJSON()方法实现。
下面就使用jQuery读取music.txt文件中的JSON数据格式信息。
首先,music.txt中的内容如下:
[{"optionKey":"1", "optionValue":"Canon in D"},{"optionKey":"2", "optionValue":"Wind Song"},{"optionKey":"3", "optionValue":"Wings"}]
接下来是HTML代码:
<div>点击按钮获取JSON数据</div><input type="button" id="button" value="确定" /><div id="result"></div>
使用Ajax获取JSON数据的jQuery代码:
$(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;});});
当然,也可以使用$.getJSON()方法,代码简洁一点:
$(document).ready(function(){$('#button').click(function(){$.getJSON('music.txt',function(data){var music="<ul>";$.each(data,function(i,n){music+="<li>"+n["optionValue"]+"</li>";});music+="</ul>";$('#result').append(music);});return false;});});
- jQuery中使用Ajax获取JSON格式数据
- jQuery中使用Ajax获取JSON格式数据
- jQuery中使用Ajax获取JSON格式数据示例代码
- jQuery中使用Ajax获取JSON格式数据示例代码
- Jquery中 使用Ajax获取Json 数据
- ajax--json格式获取数据
- ajax获取json格式数据
- jquery $.ajax 获取json数据
- jQuery中$.ajax解析xml、json格式数据
- 使用jQuery发送POST,Ajax请求返回JSON格式数据
- Ajax中JSON数据的创建与获取【JQuery】
- ajax获取json数据使用jquery分页插件显示
- S2SH+ajax+json-----jQuery中$.ajax解析xml、json格式数据
- Ajax中使用JSON格式
- SSH三大框架集成中,使用jQuery框架 Ajax技术返回json格式的数据(二)
- jQuery获取JSON格式数据方法
- C# 把数据集生成为JSON格式 并在使用Jquery 获取JSON数据
- jquery ajax 获取数据 转换成 Json
- AndEngine----PathModifierExample学习之模仿《w》行走
- ffmpeg解码流程 .
- 使用WindowManager进行progress提示
- Android 中LayoutInflater的使用
- Spring Test 整合 JUnit 4 使用总结
- jQuery中使用Ajax获取JSON格式数据
- 反射
- smartforms打印非常规纸
- Qt入门-打开和保存文件对话框
- hdu 1033
- 青岛旅游
- 通过学生-课程关系表,熟悉hive语句
- 练习
- 修改linux或salaris下root或者某用户密码的方法