How to get json data back using ajax?

Question

PHP

I'm learning web programming, making a simple easy photo uploader. I took part of the code from the example.
here is the function that sends the data

$.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);
}
});

Handler

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

It was written in the example how to pass several variables or something else from the handler using JSON. Only here How to process it is not written. Can anyone suggest?

Answer 1

On server:

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

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

and in js instead of complete:function(data) you need

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