Ajax для отправки данных формы не работает должным образом (страница клиента обновляется) - PullRequest
0 голосов
/ 05 мая 2019

Я занимаюсь веб-разработкой в ​​последние несколько дней. Я пытаюсь отправить данные формы на страницу Php через Ajax, но проблема в том, что код Ajax не работает!

Я использовал тот же код ранее, но сейчас он не работает.

Немного HTML,

<form id="Create" style="display: none;">
                <input type="text" name="Name" placeholder="Room name" required autofocus >  
                <select name="Category">
                    <option value="Technology">Technology</option>
                    <option value="Disscussion">Discussion</option>
                    <option value="Family">Family</option>
                    <option value="Others">Others</option>
                </select><br>
                <input type="radio" name="Type" value="Open">Open<br>
                <input type="radio" name="Type" value="Personal">Personal<br>
                <input type="submit" value="Confirm">
            </form>

немного JavaScript,

$('#Create').on('submit' , function (ev) {
    var form = document.getElementById("Create");
    var formdata = new FormData(form);

    ev.preventDefault();
    $.ajax({
    url : "./process_php/Chat1.php" ,
    data : $('#Create').serialize() ,
    cache : false,
    processData : false,
    type : "POST",
    //content-type = false ,
    success : function (response) {
        console.log(response);


    }

     });
    return false ;

});

И немного Php,

<?php

echo "hello" ;

?>

Я пытаюсь отправить данные формы на страницу Php (на самом деле у меня ничего нет в моем файле Php, кроме одной строки, которая повторяет слово "привет"), и записать ответ обратно в мою консоль, я не Не знаю, почему Мой код даже не отправляет его. Я подтвердил это, проверив вкладку сети в настройках разработчика в моем браузере.

Я провел несколько часов в Интернете в поисках своего ответа, но не смог его найти.

1 Ответ

0 голосов
/ 05 мая 2019

Вместо

data : $('#Create').serialize(),

Вы должны написать

data : { $('#Create').serialize() },

Вам не хватает фигурных скобок

Не уверен, что это решит вашу проблему, но это определенноошибка.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...