Изменение значения скрытого поля ввода на переменную PHP с помощью функции успеха AJAX

Question

У меня есть следующее скрытое поле ввода с динамическим значением.

<input id='max' type='hidden' value='<?php echo $num_rows; ?>'>

Я хочу обновить это значение на основе $ num_rows, которые возвращаются со страницы ajax_load_profile_friends.php.

Вот что у меня есть:

    $("#viewAllFriends").click(function(){
        counter = counter+16;

            $.ajax({

                url:'includes/handlers/ajax_load_profile_friends.php',
                type:'POST',
                data:{'username':username, 'num_friends':num_friends, 'counter':counter},

                    success: function(data) {
                        $('#data_friends').html(data);
                        $('#max').val("??");
                            }

                    });
            });

С каждым последующим нажатием кнопки «Просмотреть больше друзей» я получаю новое значение для $num_rows.Будучи новичком в Ajax, я не уверен, как вернуть его в функцию успеха, а затем обновить value в скрытом вводе.

$num_rows возвращается вот так $num_rows = $result->num_rows; in ajax_load_profile_friends.php.

Это часть более крупной проблемы, с которой я столкнулся ранее, но сузил ее до этого и попытался упростить мой вопрос.Любая помощь, примеры, ссылки будут супер!

Answer 1

Измените PHP, чтобы он возвращал JSON.Таким образом, вместо

echo $html;

должно получиться:

echo json_encode(array('num_rows' => $num_rows, 'html' => $html));

Тогда в JavaScript вы можете извлечь оба возвращаемых значения:

        $.ajax({

            url:'includes/handlers/ajax_load_profile_friends.php',
            type:'POST',
            dataType: 'json',
            data:{'username':username, 'num_friends':num_friends, 'counter':counter},

            success: function(data) {
                $('#data_friends').html(data.html);
                $('#max').val(data.num_rows);
            }

        });