Как правильно сделать ретурн массива на javascript, jquery?

Question

[akula22]

function getData()
{
    paper = getPaper();
    alert ( paper.price );   //так не работает
}

function getPaper()
{
	$.post(
        "site/default/getpaper", {
        	id : $('#calc-paper').val()
        },
        function (data) {
        	data = jQuery.parseJSON(data);
        	alert(data.price);  //  это работает
        	return data;
        }
    )
}

Как правильно сделать ретурн этого массива, чтоб в первой функции получить доступ к данным массива

Answer 1

[Дмитрий Печуркин]

не правильно ты понимаешь конструкцию
в данном случае тебе нужно будет возвращать так
function getPaper(){
return $.post(url, data, callback, "json");
}
ошибка твоя в том что ты из функции getPaper() ничего не возвращаешь , а возвращаешь внутри $.post(....) в свою очередь $.post у тебя просто отрабатывает и никому значение не передаёт.
jquery-docs.ru/Ajax/jQuery.post

Answer 2

[Олег]

Например так:

function getPaper(cb) {
	$.post("site/default/getpaper", {
		id: $('#calc-paper').val()
	},
	function(data) {
		data = jQuery.parseJSON(data);
		cb(data);
	});
}

getPaper(function(data){
	alert(data.price);
});

Answer 3

[Андрей]

Функция $.post не возвращает данные, она загружает страницу.
Внутри этой функции данные доступны. Чтобы сделать и доступными для других функций необходимо сохранить данные в замыкании:
- объявляете переменную Х вне функции $.post
- в функции $.post после получения данных и их обработки сохраняете данные в объявленную переменную Х
- используете переменную другой функцией, которая в "видит" переменную Х

Код не привожу т.к. тут возможны варианты реализации, главное - принцип понять.

Или вариант такой:

function getPaper()
{
var data;
  $.post(
        "site/default/getpaper", {
        	id : $('#calc-paper').val()
        },
        function (res) {
        	data = jQuery.parseJSON(res);
        }
    )
return data;
}

Comments

[akula22]

не работает

Answer 4

[akula22]

Спасибо за ответы, но не работает )

function getPaper()
{
	var result;
	$.post(
        "site/default/getpaper", {
        	id : $('#calc-paper').val()
        },
        function (data) {
        	result = jQuery.parseJSON(data);
        	 alert(result.price);  ТУТ ОНО РАБОТАЕТ
        }
    )
  	alert(result.price);   //  А ЗДЕСЬ УЖЕ НЕТ, 
}

Сейчас что не правильно?

Comments

[OVK2015]

Здесь не работает по другой причине. Из-за асинхронности $.post. Т.е. вы еще не успели получить данные из site/default/getpaper, и пытаетесь вывести содержимое пустой переменной

[akula22]

OVK2015: а как тогда надо? я перепробовал все способы из ответов, ни на одном не работает

[OVK2015]

akula22:
Все просто. В $.post специально и существует ф-ция, кот вы вызываете после завершения выполнения запроса. Раньше этим данным взяться просто не откуда. Обрабатывайте полученные данные внутри этой ф-ции

[OVK2015]

akula22:
P.S. конечно, есть еще промисы, async/await. Но, я так понимаю, оно вам для этой задачи не к чему

[akula22]

OVK2015: дак а как обработать внутри функции пост? я уже и так пробовал
var arr;
function (data) {
paper = jQuery.parseJSON(data);
arr = { price: paper.price, percent: paper.percent };
}
return arr;

[OVK2015]

akula22:
Еще раз говорю. Вот в этом варианте у вам return arr; вернет undefined. Нет в нем еще данных. Что вам вообще с ними делать, кроме alert, нужно?

[akula22]

я хочу в функции getData() работать с данными бумаги, цена, высота и тд, прибавлять умножать, чтобы получить данные бумаги я пишу функцию getPaper, которая на аяксе делает запрос в БД и получает эти данные бумаги

[akula22]

OVK2015: дальше будет еще много вычисление с этими данными в зависимости от выбранных опций пользователем

[OVK2015]

akula22:
Как-то так:
function evalUserOptions(siteAnswer){.....}
.....
function getPaper()
{
$.post
(
"site/default/getpaper",
{id : $('#calc-paper').val()},
function (data) {evalUserOptions(jQuery.parseJSON(data));}
)
}

[akula22]

Спасибо