为什么 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属性和phpinclude一样，但不同的是它会一直执行到你点击按钮为止。 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";