0

Есть форма с тремя input (ввод, кнопка и вывод) моя цель ввести значение в поле ввода, при нажатии на кнопку отправить данные на обработчик и получившееся вывести в последнем input.

Форма:

<form action="../php/handlers/neural.php" method="post">
            <input type="text" name="input" id="input" placeholder="введите запрос" autocomplete="off">
            <input type="button" id="btn" value="отправить">
            <input name="answer" id="answer" autocomplete="off" value=""></form>

далее следует скрипт:

        <script>
            $("#btn").bind("click", function(){
                let input = $("#input").val();
                let answer = $("#answer").val();
                
                $.ajax({
                        url: '../php/handlers/neural.php',
                        type: 'POST',
                        cache: false,
                        data: { input, answer },
                        dataType: 'html',
                        beforeSend: function(data){
                            $("#btn").prop("disabled", true);
                        },
                        success: function(data){
                            $("#btn").prop("disabled", false);

                            alert(data);
                        }
                    });                 
                });     
                        
            </script>

в конце JQ скрпипта есть alert, он корректно выводит обработанные данные ожидаемым методом (окошко в браузере)

Вопрос, как мне эти данные присвоить

<input name="answer" id="answer" autocomplete="off" value="">

Я новичок в JQ и JS (кЭп)

PS скрипт расположен перед закрывающем тегом

1 ответ 1

0

Вам поможет setter val в jQuery.

Вместо

  alert(data);

Поставить

  $("#answer").val(data);
5
  • Большое спасибо @aziz-umarov ! Работает!) 26 дек 2020 в 15:10
  • Уважаемый, подскажите. Если я наживаю кнопку курсором, то ajax обробатывает как нужно и выводит результат, но если нажать ENTER то страница перезагружается с посещением обработчика. Как запретить перезагрузку? 26 дек 2020 в 15:31
  • Отменяйте событие отправки формы 26 дек 2020 в 15:47
  • А лучше уберите саму форму. Поскольку вы не используете его методы 26 дек 2020 в 15:48

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.