How to access the response variable from outside functions in the same file

Question

0.00/5 (No votes)

See more:

JavaScript

<pre>
var json="";
var xrequest = new XMLHttpRequest();
xrequest.open('GET', 'videos.json', true);
xrequest.onload = function(){
	if(this.status == 200) {
		var json = JSON.parse(this.responseText);
		for(var i=0; i<json.length; i++) {
			console.log(json[i].url);
		}
		console.log(json + ' 1');
	}
}
xrequest.send(null);

console.log(json);

What I have tried:

this code reads from json file and the response is assigned to var json, then i wanna access the json from outside the function,

global var json="";
im supposing this var json gets assigned to json.parse object,
console logs prints that var json successfully assigned to response object json.parse,

however now im trying to manipulate it outside the xmlhttprequest object, but it returns nothing, why the json response has disappreared outside the xmlhttprequest,

how can i access the object response outside the function??? pls sos, help

Posted 26-Jan-18 7:45am

ilhomelv

Updated 30-Jan-18 7:42am

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

ZurdoDev · Answer 1 · 2018-01-26T08:58:00

Solution 1

The reason you cannot access it is because inside the function it also says

var json =

which means it declares a new variable named json. Just remove the var and it will assign to the global json variable.

Posted 26-Jan-18 8:58am

ZurdoDev

Comments

ilhomelv 26-Jan-18 15:05pm

thank u for your answer, but i tried that as well, with no var declared inside the response object, however that did not work as well, ((

that send back undefined

ZurdoDev 26-Jan-18 17:14pm

Then you'll have to debug it. It may be your page is posting back so the js is reloading. I don't know without being able to see it happen.

ilhomelv 27-Jan-18 1:40am

no its not my page, i simply cant find the problem there, i tried several browsers, debugging simply showing the line of undefined code, you cant debug one line, i found the solution in different way, but however im still curios if someone can find the way to assign the value of respone object to a global variable, that be nice to know, however this taks was solved by simply adding a callback function to the end of code with json param being sent to callback function. thanks for now for no help.

ZurdoDev 27-Jan-18 16:08pm

We do it all the time. Not sure why you couldn't get it to work. But it's something specific to what you're doing.

ilhomelv 28-Jan-18 6:55am

i passed it inside call() and that works, but when im trying to assign it to a globally declared variable it keeps printing undefined, i did checked about hoisting, may be variable is hoisted, ((((

ilhomelv 28-Jan-18 17:11pm

can u pls show me any online link with an example, let me see how they coded there, i spent almost 40hours now, cant solve this problem, i did solve with passing the var inside function call as parameter, however id like to have it accessible as globbally as a property not a parameter inside call method.

ZurdoDev 28-Jan-18 20:45pm

All you have to do is remove the var so it is not declared again. It might be easier to keep track of if you gave it a different variable name instead. I can't tell you why it is not working for you because I cannot run your code.

Richard Deeming · Answer 2 · 2018-01-30T07:42:00

Solution 2

Quote:

xrequest.send(null);
console.log(json);

The XMLHttpRequest.send()[^] method returns immediately. It does not wait until the response has been received.

The json variable is not assigned until the response has been received. Therefore, the json variable is still undefined in your call to console.log.

You need to re-think what you're doing.

Posted 30-Jan-18 7:42am

Richard Deeming

Comments

ilhomelv 30-Jan-18 13:53pm

thanks, i will rethink and i got solution, simply by a callback(jsondata) this works ))
but i was thinking of assigning the var to global var soomehow may be