Как сохранить обьект в get запросе axios в свой обьект или массив?

Question

[BludFIRE]

Я с помощью axios get request взял данные с сервера и мне надо ими оперировать в js. Как их записать в свой обьект или массив?

const options = {
  method: 'GET',
  url: '*************************',
  params: {page: '1'},
  headers: {
    accept: 'application/json',
    Authorization: 'Token **************',
    'X-CSRFToken': '*************************************'
  }
};
axios.request(options).then(function (response) {
  console.log(response.data);
}).catch(function (error) {
  console.error(error);
});

Comments

[Алексей]

В чем конкретно сложность ? https://developer.mozilla.org/ru/docs/Web/JavaScri...

[Евгений]

Алексей, наверно в том, что возвращается промис)

[Евгений]

BludFIRE а что вы делаете с этим массивом?

[BludFIRE]

Евгений, Да возвращает промис а не данные.Хотел подставить их значения в отдельных местах, хотя это уже делаю внутри реквеста а не сохранив их данные в отдельный массив.

Answer 1

[Somewhere Intech]

1. async / await
2. нечто такое (данные загружаются один раз, доступны в любой точке кода), правда везде придется then / catch писать

var AsyncDataLoader = function(options){
	var data, error, promise = new Promise( function(resolve, reject){
		axios.request(options).then(function (response) {
			resolve(data = response.data);
		}).catch(function (err) {
			reject(error = err);
		})
	});
	this.getData = function(){
		return error ? Promise.reject(error) : data ? Promise.resolve(data) : promise;		
	}
}

let dataBox = new AsyncDataLoader({
	method: 'GET',
	url: '*************************',
	params: {page: '1'},
	headers: {
		accept: 'application/json',
		Authorization: 'Token **************',
		'X-CSRFToken': '*************************************'
	}
});

dataBox.getData().then( data => doSomeWith(data))
// other code
// ..
// other code
dataBox.getData().then( data => doSomeWith(data))