Получение результата php скрипта без перезагрузки

Question

Тема заезженная, но возникли трудности с ajax. Не могу вывести результат исполнения php-скрипта после отправки формы. Алгоритм такой:

Вводим данные в форму
Передаем ее php скрипту
Выводим результат скрипта под формой ввода Сам код.

index.html

<form id="forma1" method="post" action="script.php">
    <label>Логин <input type="text" name="user_id" ></label>
    <br>
    <label>Пароль <input type="password" name="user_secret" ></label>
    <br>
    <input type="button" id="subBtn" value="Отправить">
    
    <br>
  
    <div id="result_form"></div>
</form>

JS

<script>
$('#subBtn').click(function(){
    $.post{
        'script.php',
        $('form1').serialize(),
        function(msg) { 
            $('#form1').hide('slow');
            alert(msg);
        }
    }
});
</script>

script.php

<?php
$user_id = $_POST['user_id'];
$user_secret = $_POST['user_secret'];
$homepage = file_get_contents('https://example.com:9900/api/0/auth/access_token?user_id='.$user_id.'&user_secret='.$user_secret.'');
echo $homepage;
?>

Answer 1

А зачем ВСЮ форму-то пытаться отправить? Насколько я вижу в php вы обрабатываете только два поля user_id и user_secret. Их и отправляйте

        $.ajax({
            url: 'script.php',
            type: 'POST',
            data: 'user_id='+$('#forma1 input[type=text][name=user_id]').val()+'&user_secret='+$('#forma1 input[type=password][name=user_secret]').val(),
            error: function(req, text, error) {
                alert('Ajax Error:'+error);  
            },
            success: function ( msg) {
                if ( msg ) {
                   alert(msg);
                } else { alert('Unknown server response!'); }
            },
        });

БЛОГ НА HUSL

Получение результата php скрипта без перезагрузки

Ответы (1 шт):