Как получить обратно данные json с помощью ajax?

Question

[Leshiy66613]

Изучаю веб программирование, делаю простой легкий загрузчик фотографий. Взял часть кода из примера.
вот функция что отправляет данные

$.ajax({
url:'add_avatar1.php',
type:'POST',
  data: data,
    cache: false,
    contentType: false,
    processData: false,
	  dataType: "json",
	 beforeSend: function() {
        $('.loading').html('<img src="css/loading.gif" alt="загрузка">');
    },
complete:function(data){
 $('.loading').html('');

var obj = $.parseJSON(data); // что тут надо написать и как чтоб получить обратно данные из пхп обработчика
alert(obj.name); 

console.log(data);
}
});

Обработчик

$x="Переменная";
  $arr=array('Аватар успешно загружен', $x);
	  
    echo json_encode($arr);

Это в примере было написано как из обработчика с помощью JSON передать несколько переменных или еще чего. Только вот Как его обработать не написано. Может кто подсказать?

Answer 1

[podvzbzdnul]

На сервере:

$x = "123";
$arr=array(
    "result" => 'success',
    "var" => $x
);

header("Content-type: application/json; charset=utf-8");
echo json_encode($arr);

и в js вместо complete:function(data) нужно

success:function(data){
   $('.loading').html('');
   console.log(data);
}

Comments

[Leshiy66613]

а как в JS json обработать в sussess?

[podvzbzdnul]

@Leshiy66613 data уже представлена в виде объекта

[Leshiy66613]

@podvzbzdnul ну я про то и спрашиваю) что с этим обьектом делать) как получить из него все что нужно)) НУ и спасибо за помощь)

[Leshiy66613]

Я пытаюсь чтото типа этого соорудить
success:function(data){
$('.loading').html('');

var myData = JSON.parse(data);

var $grouplist = $('#groups');
$.each(myData, function() {
$('' + this.name + '').appendTo($grouplist);
});

}
а выдает ошибку
Uncaught TypeError: Cannot read property 'length' of null

[Leshiy66613]

this.name - this.result z yfgbcfk///в общем чтото ваще перестало приходить пишет в консоли НУЛЛ...госпади)

[Leshiy66613]

частично разобрался почему данные не прихоядт..чтото в обработчике мешает..какойто код..буду искать

[Leshiy66613]

спасибо, мужик)) заставил с самим собой поговорить, у меня мозг закипел) а оказывается нулл был потому что я кое че лишнее удалил когда пробовал всек эти штуки)

[podvzbzdnul]

@Leshiy66613 успехов)

[podvzbzdnul]

@Leshiy66613 javascript.ru/tutorial/object/intro

[podvzbzdnul]

@Leshiy66613 вообще, эту конструкцию можно упростить:

$('.loading').html(код картинки);
$.post("add_avatar1.php", data, function(data){
console.log(data);
$('.loading').html('');
}, "json");