jquery解析json数据的问题

发布网友发布时间：2022-04-30 13:53

共3个回答

热心网友时间：2022-04-22 18:56

//举例
$.ajax({ url: "/jqdemo/jquery-ui-1.9.2.custom/dev/ui.button.jquery.json", dataType: "json" })
            .done(function (result) {//ajax的done解析result
                $.each(result, function (key,value) {
                    console.log(key + " " + value); //动态解析result的key和value
                })
            })

//ui.button.jquery.json格式为：
{
"name": "ui.button",
"title": "jQuery UI Button",
"description": "Enhances a form with themable buttons.",
"keywords": [
"ui",
"button",
"form",
"radio",
"checkbox"
],
"version": "1.9.2",
"author": {
"name": "jQuery Foundation and other contributors",
"url": "https://github.com/jquery/jquery-ui/blob/1.9.2/AUTHORS.txt"
},
"maintainers": [
{
"name": "Scott González",
"email": "scott.gonzalez@gmail.com",
"url": "http://scottgonzalez.com"
},
{
"name": "Jörn Zaefferer",
"email": "joern.zaefferer@gmail.com",
"url": "http://bassistance.de"
},
{
"name": "Kris Borchers",
"email": "kris.borchers@gmail.com",
"url": "http://krisborchers.com"
},
{
"name": "Corey Frang",
"email": "gnarf37@gmail.com",
"url": "http://gnarf.net"
}
],
"licenses": [
{
"type": "MIT",
"url": "https://github.com/jquery/jquery-ui/blob/1.9.2/MIT-LICENSE.txt"
}
],
"bugs": "http://bugs.jqueryui.com/",
"homepage": "http://jqueryui.com/button/",
"demo": "http://jqueryui.com/button/",
"docs": "http://api.jqueryui.com/button/",
"download": "http://jqueryui.com/download/",
"dependencies": {
"jquery": ">=1.6",
"ui.core": "1.9.2",
"ui.widget": "1.9.2"
},
"category": "widget"
}

热心网友时间：2022-04-22 20:14

用JS的function 来完成，在这个function 里可以用JQuery的ajax来提交或获取数据，关于ajax的使用方法请查查使用手册，这里不多说，而ajax可以提交并获取数据，当然获取服务器返回的json肯定没有问题，为了方便我给出ajax的方法

$.ajax({
type:'POST', //指定提交的数据为post方法
dataType:'json', //指定获取数据的方法是json，也就是说服务器必须返回json形式的数据
url:'', //获取的地址，注意跨域名获取的问题
data:'', //这是post方式提交的具体参数
success:function(res){ //个就是提交后并功能获取数据，res就是json的原格式数据
      var jsonarr = eval(res); //就是执行一次json数据转为js对象的数组，eval()生成对象也要注意貌似有两种形式，这里不多自己研究
     ...有了jsonarr数据，下面就使用JQuery的方法显示出来就行了
    }
error:'' //如果post方法失败或获取json数据失败的处理
})

热心网友时间：2022-04-22 21:49

var john = eval('('+yourJsonData+')');
for(key in john)
{
if(key==yourthing)
{
....
}
}