Ajax 帖子返回空数组

Question

我有一个非常简单的 php 页面，其中包含 jquery function

<script type="text/javascript">
    $(document).ready(function() {
        $.ajax({
            url: "test.php",
            type: "POST",
            data: {
                myvar: 1,
            },
            success: function(result) {
                console.log("it works");
            }
        });
    });
</script>

我的 AJAX function 应该在文档准备好后立即触发。 我的 test.php 只显示了我的$_POST 。

<?php
    var_dump($_POST);
    die();

什么都没有发生。 我应该 go 来测试。php 并查看 var_dump。 如果我有一个按钮并在单击时启动 AJAX function 但不是那样......不可能这样做吗？

Answer 1

由于在后端部分你期望$_POST你能做的最好的就是使用

FormData API

jQuery(function($) {

  // Your object
  const data = {
    myvar: 1,
    foo: "foo",
  };

  // Create FormData from Object
  const FD = new FormData();
  Object.entries(data).forEach(([prop, val]) => FD.append(prop, val));


  $.ajax({
    url: "test.php",
    type: "POST",
    processData: false, // https://api.jquery.com/jquery.ajax/
    data: FD, // pass the formData and enjoy with $_POST in PHP
    success: function(result) {
      console.log("it works", result);
    }
  });

});

Answer 2

我使用以下数据类型测试您的代码：

ajax页面：

  $(document).ready(function() {
        $.ajax({
            url: "test.php",
            type: "POST",
            dataType: 'json', //add that line
            data: {
                myvar: 1,
            },
            success: function(result) {
            console.log(result);
                console.log(result['name']);
            }
        });
    });