Javascript 尝试通过ajax将表单数据发送到示例PHP文件

我使用Ajax将表单数据上传到服务器，在服务器上使用PHP进行验证，问题是我的Ajax请求不起作用

我以前曾多次使用过这个片段，但这次它不起作用

我已经检查过了，我的浏览器中的“控制台/网络”选项卡中没有任何内容

HTML

我的PHP页面上除了一行“Hello”之外没有其他内容

我做了一些研究，但没有结果

我已经仔细检查了我的目录，它们还可以

---

提前谢谢

请验证控件是否到达js文件。为了更好地调试，您可以内联粘贴您的js代码并尝试。看起来像

$（'#Create'）。在（'submit'，函数（e）{

。

为什么不简单地使用HTML

表单

？然后在PHP文件中，从那里处理变量

<form action="PHP file goes here" method="POST">
<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="submit" value="submit">
</form>

技术
讨论
家庭
其他

PHP:

---

这肯定能完成任务。希望这有帮助！！！

我以前也遇到过类似的问题

首先，检查所有依赖项是否正确

然后检查函数是否在提交时接收调用

如果以上2项都有效，那么只需进行以下更改 替换

数据：$（'#创建'）。序列化（）

使用

数据：$（'#创建'）.serializeArray（）

希望这项工作为你

---

快乐编码：-）

您的代码中没有ID为

Create

的元素。您是否定义了表单开始标记？对不起，这只是键入错误！我编辑了我的问题！HTML使用js文件，我已经验证了这一点！我可以使用它，但问题是我正在实现聊天功能，其中一个人创建一个房间，其他人加入，所以我希望一切都能在页面不刷新的情况下发生。@AragAggrawal哦，在这种情况下，我推荐WebRTCWebRTC是一个好主意，但我只是想知道使用Ajax是否有缺点。

$('#Create').on('submit' , function(e) {

    e.preventDefault();
    //e.stopPropagation();  
    $.ajax({
        url : "./process_php/Chat1.php" ,
        data : $('#Create').serialize() ,
        cache : false ,
        processData : false  ,
        //contentType : false ,
        type : "POST" ,

        success : function (response) {
            console.log(response);
        } 

    });

    return false ;

});

<form action="PHP file goes here" method="POST">
<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="submit" value="submit">
</form>

<?php
$Name = $_POST["Name"];
$Category = $_POST["Category"];
echo "Hello " . $Name . ". The Category you chose was " . $Category . ".";
?>

$('#Create').on('submit' , function(e) {
        e.preventDefault();
        //e.stopPropagation();  
           $.ajax({
           type: "post",
           url: "./process_php/Chat1.php",
           contentType: false,
           processData: false,
           data: new FormData(this),    
           cache: false, 
           success: function(response){ 
           console.log(response);

        }
      });

        return false ;
    });