JavaScript Javascript Ajax success data to be accessible in another Javascript file .

[anishtulsyan22]

Hi All,

I have two .js files: file1.js and file2.js.
In file1.js, I am able to get the data from the database using ajax call, and it is working fine.
In file2.js , I want to access the ajax success data which I received in file1.js .
How can I do that ?
Any help is appreciated.

Thanks in Advance!!
Anish Tulsyan.

 

[Antero360]

Hi All,

I have two .js files: file1.js and file2.js.
In file1.js, I am able to get the data from the database using ajax call, and it is working fine.
In file2.js , I want to access the ajax success data which I received in file1.js .
How can I do that ?
Any help is appreciated.

Thanks in Advance!!
Anish Tulsyan.

HI there,
You would have to read in the data from file1.js as a string and convert it into a json object.

 

[anishtulsyan22]

HI there,
You would have to read in the data from file1.js as a string and convert it into a json object.

How to import it in another file . Will simple import work . Can u pls send me a sample of working code?
Thanks

 

[JosiahMaybe]

If you are in a browser, like using a client side Javascript, you could use localStorage or sessionStorage.
You could also use cookies or saving to user device, then read from that in other script.
X E.

 

[Antero360]

How to import it in another file . Will simple import work . Can u pls send me a sample of working code?
Thanks

var reader = new FileReader();
var content = reader.readAsText('/path/to/file');
var json = JSON.parse(content);
console.log(json);

That should work for ya

 

[anishtulsyan22]

If you are in a browser, like using a client side Javascript, you could use localStorage or sessionStorage.
You could also use cookies or saving to user device, then read from that in other script.
X E.

Using localstorage setitem in first file , and getitem in second file I tried, but it didn't work
Can you pls send me a sample code to try.

 

[JosiahMaybe]

On Javascript 1.

localStorage.setItem("name", "data");

On Javascript 2.

localStorage.getItem("name");

I recommend using sessionStorage if you are only on one page, but otherwise, feel free to keep using localStorage, but be sure to delete once you have gotten data, like this.

localStorage.removeItem("name");

So your end second code is like this.

let value = localStorage.getItem("name");
if (value != null) localStorage.removeItem("name");

You could just leave it but localStorage never times out so you are always getting last data.
Also, this only works if you are using same browser and tab to run Javascript 1 and 2.
If you are not using same browser, use files like Antero360 said.
If this is not working it may be a problem with your browser, and things are case sensitive so use setItem not setitem and getItem not getitem.
X E.

 

[Antero360]

On Javascript 1.

localStorage.setItem("name", "data");

On Javascript 2.

localStorage.getItem("name");

I recommend using sessionStorage if you are only on one page, but otherwise, feel free to keep using localStorage, but be sure to delete once you have gotten data, like this.

localStorage.removeItem("name");

So your end second code is like this.

let value = localStorage.getItem("name");
if (value != null) localStorage.removeItem("name");

You could just leave it but localStorage never times out so you are always getting last data.
Also, this only works if you are using same browser and tab to run Javascript 1 and 2.
If you are not using same browser, use files like Antero360 said.
If this is not working it may be a problem with your browser, and things are case sensitive so use setItem not setitem and getItem not getitem.
X E.

This method is almost correct @anishtulsyan22... the only step that @Josiah maybe has left out is the fact whenever you store something whether it be sessionStorage or localStorage, it is usually saved as a string. You would still need to convert that string into json in order to utilize the data

var value = localStorage.getItem("name");
var json = JSON.parse(value);

Granted, you still need to do proper null checking

 

[JosiahMaybe]

Yes it is a string always and you may use a raw string, a JSON string, or any string you want, but it is always a string.
X E.

 

[anishtulsyan22]

Yes it is a string always and you may use a raw string, a JSON string, or any string you want, but it is always a string.
X E.

I tried the following approach :
File1:
window.sessionStorage.setItem("myresult",JSON.stringify(data));

File2:
var result = JSON.parse(sessionStorage.getItem("myresult"));
console.log("Anish");
var i;
for(i=0;i<result.length;i++){
console.log(result);
}

But this didn't worked out. I am unable to print the data in console.

Regards,
Anish

 

[Antero360]

I tried the following approach :
File1:
window.sessionStorage.setItem("myresult",JSON.stringify(data));

File2:
var result = JSON.parse(sessionStorage.getItem("myresult"));
console.log("Anish");
var i;
for(i=0;i<result.length;i++){
console.log(result);
}

But this didn't worked out. I am unable to print the data in console.

Regards,
Anish

Because that is not how you access data in json format. you need to do something like
result.data.whatever

 

[anishtulsyan22]

Because that is not how you access data in json format. you need to do something like
result.data.whatever

Can you please elaborate it ?

 

[anishtulsyan22]

Can you please elaborate it ?

I am asking this, because when I did it in the same file, it worked.
But when I pasted the code of getitem in second file, it didn't worked.

Thanks.

 

[Antero360]

Can you please elaborate it ?

do me a favor... can you print out the length of result

 

[Antero360]

So I played around with some data... and this should show you the basics..

 

[anishtulsyan22]

var reader = new FileReader();
var content = reader.readAsText('/path/to/file');
var json = JSON.parse(content);
console.log(json);

That should work for ya

Hi,

I am passing my ajax data to a function , and in that function I am trying to write the data to a file. but I am getting the error as:
Uncaught TypeError: e.writeFile is not a function
After googling, it came to my knowledge that I can't create the file in the browser.
SO I can I create the file in the backend.
My backend is Django.
Please help.

Thanks.

 

[anishtulsyan22]

Hi,

I am passing my ajax data to a function , and in that function I am trying to write the data to a file. but I am getting the error as:
Uncaught TypeError: e.writeFile is not a function
After googling, it came to my knowledge that I can't create the file in the browser.
SO I can I create the file in the backend.
My backend is Django.
Please help.

Thanks.

And as per your reply, before reading, I have to create the file.
Please help me on this .

 

[anishtulsyan22]

And as per your reply, before reading, I have to create the file.
Please help me on this .

Is there any way by which we can export ajax success data ?

 

[Antero360]

Hi,

I am passing my ajax data to a function , and in that function I am trying to write the data to a file. but I am getting the error as:
Uncaught TypeError: e.writeFile is not a function
After googling, it came to my knowledge that I can't create the file in the browser.
SO I can I create the file in the backend.
My backend is Django.
Please help.

Thanks.

Could you post the code that produces this error?

 

[oliviaeve250]

To make the data from a successful AJAX request accessible in another JavaScript file, you can follow these steps:

1. Store Data in a Global Variable:In the JavaScript file where you receive the AJAX success data, store it in a global variable. This will make the data accessible throughout your application.

// In the first JavaScript file (ajax-file.js)
var ajaata; // Declare a global variable

$.ajax({
// AJAX request configuration
success: function(data) {
ajaata = data; // Store the data in the global variable
},
// Other AJAX settings
});

2. Access Data in Another File: In the second JavaScript file where you want to access the AJAX data, you can simply reference the global variable declared in the first file.

// In the second JavaScript file (another-file.js)
console.log(ajaata); // You can now access the data here

By storing the AJAX data in a global variable, you ensure that it can be accessed and used across different JavaScript files within your application.

I hope this is useful.