Collectives™ on Stack Overflow

Find centralized, trusted content and collaborate around the technologies you use most.

Teams

Q&A for work

Connect and share knowledge within a single location that is structured and easy to search.

I have some data in an Azure blob storage. The data is JSON and it has been saved with the "application/json" content type.

My app would be hosted at "myapp.com", a domain that contains a CNAME to "myapp.cloudapp.net". I guess I should create a custom domain name like "storage.myapp.com" that poins to my Azure storage.

But then? Can I use JSONP or other way to make JSON ajax calls to Azure storage?

How would be the better way to do this?

Thanks a lot.

Well, apparently Azure blob storage doesn't support JSONP straightaway, but it can be done.

For example, if I store this JSON in an Azure blob:

{"Name":"Valeriano","Surname":"Tortola"}
And I try:
<script type="text/javascript">
    $.getJSON("https://myaccount.blob.core.windows.net/jsonptests/data?jsoncallback=?",
             function (data) {
                 alert(data.Name);
</script>
It doesn't work. Well, actually the browser download the data but there is no call back. So, considering how JSONP works, if I save this JSON with the callback function:
dataCallback({"Name":"Valeriano","Surname":"Tortola"})
And I do:
<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>
Then the dataCallBack get executed :) The disadvantage is that the callback function name has to be harcoded, but it's better than nothing. 
Happy days, but if anyone has a better way would be great.
Cheers.
                The only way to make cross domain JSON requests is using JSONP. Azure TS doesn't support JSONP, so this is a workaround using the same principles that JSONP.
– vtortola
                Jun 13, 2011 at 9:22
                Also it's available to set custom callback function name with jQuery ajax with this options - { jsonp: false, jsonpCallback: "callbackName" } api.jquery.com/jQuery.ajax
– dongseok0
                May 23, 2017 at 5:23
The Windows Azure Blob Storage REST interface returns XML (POX), not JSON... However it's simple to query from JavaScript! Call you container URL with restype=container and comp=list:
$(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
Then you can do a basic parsing of the XML returned. Here I will extract the URL and display it in a div.
function listBlobs(xml) {
    $(xml).find('Blob').each(function() {
        var url = $(this).find('Url').text();
        $('#panel').append(url + '<br />');
I have tested this in an HTML page that was itself stored as a Blob.
Unfortunately, I'm afraid the JavaScript "Same Origin Policy" will make this fairly difficult to use in practice.
                Does it work if your page is in www.whatever.com and you storage in storage.whatever.com ?
– vtortola
                Mar 31, 2011 at 11:50
        
Thanks for contributing an answer to Stack Overflow!
Please be sure to answer the question. Provide details and share your research!
But avoid …
Asking for help, clarification, or responding to other answers.
Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.