jQuery - 如何从 JSON 中获取数据？答案

【问题标题】：jQuery - how to fetch data from JSON?jQuery - 如何从 JSON 中获取数据？
【发布时间】：2013-09-05 11:55:00
【问题描述】：

我正在检测何时完成表单中的操作，如下所示：

:javascript
  $(document).ready(function(){
    $('input#file').change(function() {
      alert('Done');
    });
  });

操作完成后，我会看到警告消息完成。这很酷。完成此操作后，我想获取其中的数据 - 这就是问题所在 - 我不知道如何。

我在 Firebug 中看到了数据：

如何访问它们？

【问题讨论】：

其实我目前还没有 AJAX 调用。这就是我目前所拥有的。
我们需要更多上下文。

标签： javascript jquery json object

【解决方案1】：

试试 $(this).url or $(this).attr("url");

【讨论】：

但是如何使用它来获取数据呢？抱歉，我不是很有经验。
您好，请查看此演示 jsfiddle.net/MfSes 请让我知道您想从中得到什么
谢谢，当我尝试这个时，我会得到这个：Object[input#item_file_url property value = "https://www.filepicker....le/12334..." attribute value = "null"]。缺少一些元素，但是如何获取例如 URL？
检查此jsfiddle.net/MfSes/3 您无法获取有关文件的更多信息，只有大小、名称、url 等几件事

【解决方案2】：

为ajaxSuccess 添加一个处理程序，然后查看参数。

$(document).ajaxSuccess(function() {
     console.log(arguments);
});

数据可能是arguments[3]。

【讨论】：

我试过了，但我总是收到 undefined 消息（当我试图提醒参数时）。
@user984621 arguments 包含什么？

【解决方案3】：

选择上传的文件 -> alert('Done'),

文件上传到服务器 -> 服务器响应：

    {
        "data": [{
            "url": "https://www.filepicker.io/api/file/0pD7xDQdQXOPLamnoNee", 
            "data": {
                "size": 162488, 
                "type": "image/x-icon", 
                "key": "AtON5s2QE2AsYiBnYOzw_filetoupload", 
                "filename": "filetoupload"
            }
        }], 
        "result": "ok"
    }

ajax 调用示例

$.ajax({
    type: 'POST',
    url: '/uploadurl',
    data: {data: data},
    success: function(data){
        //this data you are trying to get
        //to access filename -> data.data[0].data.filename
    }
})

【讨论】：