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

Question

我正在使用Ajax将表单数据上传到我的服务器，在这里我使用PHP对其进行了验证，问题是我的Ajax请求无法正常工作。

之前，我曾使用过此代码段，但这次却不起作用。

我已经检查过，浏览器的控制台/网络标签中没有任何内容。

的HTML

<form id="Create" style="display: none;" 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>

JS（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 ;

});

而且我的PHP页面没有任何内容，只有一行回显了单词“ Hello”

我做了一些研究，但无济于事。

我已经仔细检查了我的目录，它们很好。

Answer 1

我以前也遇到过类似的问题。首先，检查所有依赖项是否正确。然后检查函数是否在提交时收到调用。如果以上2正常工作，则只需执行以下更改，替换data : $('#Create').serialize()&nbsp;为data : $('#Create').serializeArray()希望这项工作对您有所帮助：-)

Answer 2

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