為什么 ajax 不將我的 JS 變量發送到 PHP？

Question

我正在嘗試將 JS 變量發送到 PHP 腳本（包含在我嘗試使 ajax 工作的頁面中）

index.php

include 'PHP/display.php';
<button id="click" onclick="show();">Click !</button>

<script>
  function show(){
    var str = "Yes";
    $.ajax({
      method : 'post',
      url : 'PHP/display.php',
      data: {
        str : str
      },
      success: function(data) {
        console.log(data);
      }
    });
  }
</script>

顯示.php

<?php
  echo isset($_POST['str']) ? $_POST['str'] : "No";
?>

這一直顯示“否”，但控制台顯示我想要的“是”

這段代碼是我第一次嘗試使用 ajax，這就是為什么我盡量保持簡單，但它不起作用。

我一直在 StackOverflow 上尋找幾個小時，但沒有一種解決方案適合我。

也許我錯過了什么，請幫助我:(

Answer 1

您可以看到 ajax 調用的url屬性，如 php include ，但不同之處在於它會在您單擊按鈕之前執行。 PHP就能接收到data內容

您可以使用 jQuery 的text方法將響應分配給對段落的調用作為文本。

function show() {
  var str = "Yes";
  $.ajax({
    method: 'post',
    url: 'display.php',
    data: {
      str: str
    },
    success: function(data) {
      $('#response').text(data);
    }
  });
}

<p id="response"></p>

display.php

<?php
echo isset($_POST['str']) ? $_POST['str'] : "No";