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']);
            }
        });
    });