How can I call JSON object data in a global string outside getJson?

Question

UPDATED

This is my structure:

FILE.json

{
    "Page": [
        {
            "Id": 0,
            "IsActive":true,
            "PageName":"crosstownrunning",
            "PageURL":"crosstownrunning"
        }    
    ]
}

FILE.js

$.noConflict();
jQuery(document).ready(function ($) {

// VARS
var PageTemplate;

// GET JSON
jQuery.getJSON("FILE.json", function (x) {
    // alert(x.Page[0].PageName);  << This works
    PageTemplate = x.Page[0];
});

alert (PageTemplate.PageName);
alert (PageTemplate.PageURL);
// Can I make PageTemplate.anything bring up my JSON data outside getJSON function?

});

How can I call the x outside the function?

Turn on the debugger and check that the request for the file is sent. Also check that your file is in the same path as your js file as you have not specified a complete URI — vogomatix, Mar 07 '14 at 11:33
What are you expecting as result if more than one page? Anyway in your code `Page` is undefined, x is the object. Question could be, why Page is an array? — A. Wolff, Mar 07 '14 at 11:33
possible duplicate of [How to return the response from an AJAX call?](http://stackoverflow.com/questions/14220321/how-to-return-the-response-from-an-ajax-call) — Satpal, Mar 07 '14 at 11:37

user3225497 · Accepted Answer · 2014-03-07T12:22:16.013

1

jQuery.getJSON("FILE.json", function (x) {
    alert(x.Page[0].PageName);
});

edited Mar 07 '14 at 12:22

answered Mar 07 '14 at 11:36

user3225497

39
4

But I cannot call the strings outside the function – TheBlackBenzKid Mar 07 '14 at 11:58
You need save "x" in local variable in outside; – user3225497 Mar 07 '14 at 12:21
Not, sorry, is asynchronous query. You can't use outside_X ! You need write all code in transmitted function. Code jQuery.getJSON launch ajax query, and run to next operation. When http get your FILE.json, he launch function (x){ ... } from datas in "x" – user3225497 Mar 07 '14 at 12:25
Example of having this outside any function. I just want it in the jQuery document.ready function – TheBlackBenzKid Mar 07 '14 at 14:35

score 0 · Answer 2 · answered Mar 07 '14 at 11:33

0

You need to use the callback function since jQuery.getJSON function is asynchronous.

jQuery.getJSON("FILE.json", function(x) {
    $('.emptyBox').append(x.Page[0].PageURL);
});

answered Mar 07 '14 at 11:33

letiagoalves

11,224
4
40
66

`Page.PageURL` still isn't correct, since `Page` is an array of objects, not an object itself. – Anthony Grist Mar 07 '14 at 11:34
What he is saying is that PageTemplate won't contain any data until the call completes, and in addition will probably be something like PageTemplate.Page[0].PageURL – vogomatix Mar 07 '14 at 11:35
I want to be able to call variables inside the JSON file anywhere in my jQuery file .... not just in this function – TheBlackBenzKid Mar 07 '14 at 11:35
@vogomatix I know what he's saying, that doesn't make the code he originally had correct. – Anthony Grist Mar 07 '14 at 11:36
@vogomatix to use it anywhere in your file store it in the callback function: `PageTemplate = x.Page[0];` – letiagoalves Mar 07 '14 at 11:40

How can I call JSON object data in a global string outside getJson?

UPDATED

2 Answers2