使用 jQuery 从 Azure Blob 存储查询 JSON 数据

Question

我在 Azure Blob 存储中有一些数据。数据是 JSON，并且已使用“application/json”内容类型保存。

我的应用程序将托管在“myapp.com”，该域包含“myapp.cloudapp.net”的 CNAME。我想我应该创建一个指向我的 Azure 存储的自定义域名，例如“storage.myapp.com”。

但然后呢？我可以使用 JSONP 或其他方式对 Azure 存储进行 JSON ajax 调用吗？

如何更好地做到这一点？

多谢。

Answer 1

嗯，显然 Azure blob 存储不直接支持 JSONP，但这是可以做到的。

例如，如果我将此 JSON 存储在 Azure blob 中：

{"Name":"Valeriano","Surname":"Tortola"}

我尝试：

<script type="text/javascript">

    $.getJSON("https://myaccount.blob.core.windows.net/jsonptests/data?jsoncallback=?",
             function (data) {
                 alert(data.Name);
             });
</script>

它不起作用。好吧，实际上浏览器下载了数据，但没有回调。因此，考虑到 JSONP 的工作原理，如果我使用回调函数保存此 JSON：

dataCallback({"Name":"Valeriano","Surname":"Tortola"})

我这样做：

<script type="text/javascript">

    function dataCallback(data) {
        alert(data.Name);
    }
</script>

<script type="text/javascript" src="https://myaccount.blob.core.windows.net/jsonptests/data"></script>

然后执行 dataCallBack :) 缺点是回调函数名称必须进行编码，但它是总比没有好。

快乐的日子，但如果有人有更好的方法那就太好了。

干杯。

Answer 2

Windows Azure Blob Storage REST 接口返回 XML (POX)，而不是 JSON...但是从 JavaScript 查询很简单！使用 restype=container 和 comp=list 调用容器 URL：

$(document).ready(function () {         
    // Retrieve list of Blobs
    var containerUrl = 'http://tcontepub.blob.core.windows.net/json/';
    $.ajax({
        type: 'GET',
        url: containerUrl + '?restype=container&comp=list',
        dataType: 'xml',
        success: listBlobs
    });
});

然后您可以对返回的 XML 进行基本解析。这里我将提取 URL 并将其显示在 div 中。

function listBlobs(xml) {
    $(xml).find('Blob').each(function() {
        var url = $(this).find('Url').text();
        $('#panel').append(url + '<br />');
    });
}

我已经在 HTML 页面中对此进行了测试，该页面本身存储为 Blob。

不幸的是，我担心 JavaScript 的“同源策略”会让它在实践中变得相当困难。