jquery如何输出json对象 如何使用jquery取出json格式的数据

jquery如何输出json对象

//json是对象，直接使用“.”连接符读取
$.each(data.products, function(i){
    //在控制台查看
    console.log([data.products[i].name, data.products[i].num, data.products[i].price])
})

如何使用jquery取出json格式的数据

下面就使用jQuery读取music.txt文件中的JSON数据格式信息。
首先，music.txt中的内容如下：
复制代码 代码如下:

[
{"optionKey":"1", "optionValue":"Canon in D"},
{"optionKey":"2", "optionValue":"Wind Song"},
{"optionKey":"3", "optionValue":"Wings"}
]

下来是HTML代码：
复制代码 代码如下:

使用Ajax获取JSON数据的jQuery代码：
复制代码 代码如下:

$(document).ready(function(){
$(#button).click(function(){
$.ajax({
type:"GET",
url:"music.txt",
dataType:"json",
success:function(data){
var music="

"
//i表示在data中的索引位置，n表示包含的信息的对象
$.each(data,function(i,n){
//获取对象中属性为optionsValue的值
music ="
• " n["optionValue"] "
"
})
music ="

"
$(#result).append(music)
}
})
return false
})
})

当然，也可以使用$.getJSON()方法，代码简洁一点：
复制代码 代码如下:

$(document).ready(function(){
$(#button).click(function(){
$.getJSON(music.txt,function(data){
var music="

"
$.each(data,function(i,n){
music ="
• " n["optionValue"] "
"
})
music ="

"
$(#result).append(music)
})
return false
})
})

jquery 遍历输出json对象

var jsondata = yourdata for(var x in jsondata){ document.write(x "=" jsondata[x]) } 如果是jsonarray就外面套一层for即可 var jsonarray =yourarray for(var i =0i