Save Json in Javascript variable

Question

I'm studying javascript these days and I have question. I have variable that contain an url. I would like to save the content of the url pointed by my variable in another variable...

The first variable is something like:

var Link = "http://mysite.com/json/public/search?q=variabile&k=&e=1";

If I open the link I see something like:

{

"count": 1,
"e": 1,
"k": null,
"privateresult": 0,
"q": "gabriel",
"start": 0,
"cards": [
    {
        "__guid__": "cdf8ee96538c3811a6a118c72365a9ec",
        "company": false,
        "__title__": "Gabriel Butoeru",
        "__class__": "entity",
        "services": false,
        "__own__": false,
        "vanity_urls": [
            "gabriel-butoeru"
        ]
    }
]
}

How can I save the json content in another javascript variable?

You can't unless the server you are accessing supports JSONP — mplungjan
– mplungjan, Commented Jun 20, 2012 at 9:41
I don't want to open the json file ... the content should be saved in the javascript variable. The code is just an example. — user1453638
– user1453638, Commented Jun 20, 2012 at 9:48

UltraInstinct · Accepted Answer · 2012-06-20 09:50:26Z

19

You would need a simple AJAX request to get the contents into a variable.

var xhReq = new XMLHttpRequest();
xhReq.open("GET", yourUrl, false);
xhReq.send(null);
var jsonObject = JSON.parse(xhReq.responseText);

Please note that AJAX is bound by same-origin-policy, in case that URL is different this will fail.

answered Jun 20, 2012 at 9:50

UltraInstinct

44.6k12 gold badges85 silver badges108 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

mplungjan Over a year ago

Likely not from the same server.

StanGeo Over a year ago

since this is a very old post, just wanted to check if there is any new better approach for it? Mainly because I saw this warning when i tried the approach " Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check xhr.spec.whatwg.org."

Miqdad Ali · Accepted Answer · 2012-06-20 09:49:54Z

4

You can use like this

  var savings_data = JSON.stringify(your_json_object);

answered Jun 20, 2012 at 9:49

Miqdad Ali

6,1577 gold badges34 silver badges50 bronze badges

Comments

Sam Arul Raj T · Accepted Answer · 2012-06-20 09:44:59Z

1

You can save json as object in this way

Reference : Json

var obj = {};

 obj.name = "test";
 obj.no   = "1234";

answered Jun 20, 2012 at 9:44

Sam Arul Raj T

1,77017 silver badges23 bronze badges

Comments

Neo Generation · Accepted Answer · 2012-06-20 09:50:00Z

1

I think this might help you, using jQuery... :)

$.ajax({
    beforeSend: function() { DO HERE WHATEVER }, //Show spinner

            complete: function() { DO HERE WHATEVER  }, //Hide spinner

            type: 'POST',
            url: Link,
            dataType: 'JSON',
            success: function(data){
                                var data = data;
                               OR IF YOU WANT SEPARATE THE VALUES...
                                var count = data.count;
                                var e = data.e;
                                var k = data.k;
                                ...
             }                               
          });

answered Jun 20, 2012 at 9:50

Neo Generation

211 silver badge4 bronze badges

Comments

Rex Charles · Accepted Answer · 2016-01-26 20:11:48Z

This example considers the state of the request and will allow you to access the data from the JSON format using the dot operator.

var request = new XMLHttpRequest();
request.open("GET", "mysite.com/json/public/search?q=variabile&k=&e=1", true); 
request.setRequestHeader("Content-type", "application/json"); 
request.send(); 
request.onreadystatechange = function(){
     if(request.ready == 4 && request.readyState == 200){
          var response = request.responseText; 
          var obj = JSON.parse(response);
          alert(obj.count); // should return the value of count (i.e Count = 1) 
          alert(obj.e); // should return the value of e (i.e. e = 1) 
          var count = obj.count;  //store the result of count into your variable
          var e = obj.e; //store the result of e into your variable
          //...and so on 
     }
}

Collectives™ on Stack Overflow

Save Json in Javascript variable

5 Answers 5

2 Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

2 Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related