Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用Jquery从JSON格式提取数据_Jquery_Json - Fatal编程技术网

使用Jquery从JSON格式提取数据

使用Jquery从JSON格式提取数据,jquery,json,Jquery,Json,我有像这样的url,这是一个js文件的例子,像这个链接 该链接将输出json格式的值,如下所示: { "note":null, "attributes":null, "total_price":9980, "total_weight":0, "item_count":4, "items":[{ "id":214597138, "title":"Acai +", "price":2495, "line_price":9980, "quantity":4, "sku":"",

我有像这样的url,这是一个js文件的例子,像这个链接 该链接将输出json格式的值,如下所示:

{
"note":null,
"attributes":null,
"total_price":9980,
"total_weight":0,
"item_count":4,
"items":[{
  "id":214597138,
  "title":"Acai +",
  "price":2495,
  "line_price":9980,
  "quantity":4,
  "sku":"",
  "grams":0,
  "vendor":"Delta Labs",
  "variant_id":214597138,
  "url":"/products/acai",
  "image":"http://cdn.shopify.com/s/files/1/0156/4994/products/acai_bottle.png?385",
  "handle":"acai",
  "requires_shipping":true
}],
"requires_shipping":true}
现在我想获取该链接,那么在jquery上,我将如何将该链接与json输出一起使用,以获取标题、url、价格、sku等值

我在google上搜索过是否有一些函数可以处理这个问题,我找到了jQuery.getJSON,但我真的不太明白,或者它是否适用于我的应用程序,也不适用于我正在尝试完成的任务


顺便说一下,它的json值是动态的,因此它是我想要获取的链接,并输出json内容

myJSON = $.parseJSON(YOUR_JSON);
那么


把它放在一个变量中假设

myJSON = $.parseJSON(YOUR_JSON);
那么

您也可以使用


您还可以使用

下面是我将如何做的,例如在ajax请求中

$.get('http://www.mysite.com/json.js', function(result) {
   var json = $.parseJSON(result);
   alert(json.title); //Do whatever you want here
});

下面是我将如何做的,以ajax请求为例

$.get('http://www.mysite.com/json.js', function(result) {
   var json = $.parseJSON(result);
   alert(json.title); //Do whatever you want here
});

确保您的JSON有效->

要查看jSON中的每个条目,请尝试以下操作:

$.getJSON("url/to/json/file",function(data){
    $.each(data,function(index,element){
        console.log(element.items.url);
    });
});
要获得一个条目,请尝试以下操作(不带$。每个):

确保这不是跨域问题!在某些情况下,域之间的JSON解析不起作用。确保不是他们中的一个。要使用跨域,请使用JSONP。JSON和JSONP之间的区别在于JSONP可以支持回调并跨域工作


希望它有助于确保您的JSON有效->

要查看jSON中的每个条目,请尝试以下操作:

$.getJSON("url/to/json/file",function(data){
    $.each(data,function(index,element){
        console.log(element.items.url);
    });
});
要获得一个条目,请尝试以下操作(不带$。每个):

确保这不是跨域问题!在某些情况下,域之间的JSON解析不起作用。确保不是他们中的一个。要使用跨域,请使用JSONP。JSON和JSONP之间的区别在于JSONP可以支持回调并跨域工作


希望对您有所帮助

?这与parseJSON文档中的示例有什么区别?您可以只提供文档的链接。这与parseJSON文档上的示例有什么区别?您可以只提供文档的链接。它不起作用,甚至不会在$内发出任何警报。get Function它不起作用,甚至不会在$内发出任何警报。get Function JSON验证程序说我使用的链接是有效的JSON,但它是跨域链接。使用JSONP的正确函数是什么?我在谷歌上搜索,但文档太少了。谢谢这里有帖子可以帮你!您仍然可以使用JSON!JSON验证器说我使用的链接是有效的JSON,但它是跨域链接。使用JSONP的正确函数是什么?我在谷歌上搜索,但文档太少了。谢谢这里有帖子可以帮你!您仍然可以使用JSON!