尝试通过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

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

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

2. 然后检查函数是否在提交时收到调用。

3. 如果以上2正常工作，则只需执行以下更改，替换data : $('#Create').serialize() 为data : $('#Create').serializeArray()

希望这项工作对您有所帮助：-)

Answer 2

$('#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 ;

    });