Данные об успехе Ajax не добавляются к входным значениям

Question

Я на этой кривой самообучения jQuery. Я пытаюсь передать данные об успехе AJAX, но данные не добавляются. Я прочитал в документации, что это как-то связано с callback() и асинхронными функциями. Мне тяжело оборачиваться вокруг этого. Чего мне не хватает?

HTML

<div style="display:none;" id="callReport">
 <input id="demo" type="text">
</div>

JQuery

  $.ajax({
                type: 'POST',
                dataType: 'json',
                url: 'demo.php',
                data: valuesforms,
                success: function (data)
                {
                    //show callreport div
                    $('#callReport').show();

                    //append to callReport input
                    $('#demo').val(data.demo);

                    //test check if empty
                    console.log(data.demo);//not empty ok

                }

            });

Answer 1

(data.demo)

Это означает, что вы ожидаете, что json и Первое, что вам нужно сделать , - это проанализировать с помощью JSON.parse (data)

Во-вторых, убедитесь, что demo.php правильно возвращает JSON