Question

最近几天我一直在从事Web开发。我正在尝试通过Ajax将Form数据发送到Php页面，但问题是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文件中没有任何内容，除了回显单词“ hello”的一行），然后将响应记录回控制台中，我没有不知道为什么我的代码甚至不发送。我已通过在浏览器的开发人员选项中选中“网络”标签来验证了这一点。

我花了几个小时在网上搜索答案，但找不到它。

Answer 1

代替

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

您应该写

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

您缺少花括号

不确定是否可以解决您的问题，但这绝对是一个错误。

Ajax发送表单数据无法正常工作（客户端页面刷新）

1 个答案: