Ajax POST工作正常，但是php文档无法获取数据变量

Question

当我发布内容时，chrome的网络标签显示该发布正在使用正确的变量进行操作，但是在php端，POST全局为空，并且由于某种原因该页面上的方法为GET。我希望我不仅仅是想念一些明显的事情，我花了大约4-5个小时来进行故障排除。发生或假设发生的情况是，当您在搜索框中键入任何内容时，js文件中的事件侦听器会触发并将搜索框的值发送到POST，并将POST的值发送到storepage.php的php中。搜索栏本身实际上位于一个单独的php文件中，该文件为每个html页面创建一个标题，但是查询数据库的php位于storepage.php中。输入项目进行搜索得到的网络结果图（searchInput图像底部的通知变量）这就是Ajax POST发生的位置：searchItUp.js$(document).ready(function() {    console.log("Document Ready. Listening for search bar key presses...");    $('.SearchBar').keyup(function() {             console.log("Key pressed.");        var searchBoxValue = document.getElementById('superSearcher').value;        console.log("Current searchbox value: " + searchBoxValue);        jQuery.ajax({            method: "post",            url: "storepage.php",            data: {searchInput: searchBoxValue},            datatype: "text",            success: function () {                console.log("Ajax functioning properly...");                $('.content').load(document.URL +  ' .content>*');            },            error: function() {                 console.log("Ajax NOT functioning properly...");            }        });    }); });接下来是php文档（storepage.php）的部分，其中包含了javascript文件，并且POST指向该部分。我已经尝试了所有可以在网上找到的所有内容，并且可能已经查看了所有相关的stackoverflow和其他文章，但是我一生都无法解决。

Answer 1

您要两次调用脚本。首先使用$.ajax，您将在其中发送搜索参数。

然后在success:函数中，使用再次调用它$('.content').load。这将发送GET不带搜索参数的请求。因此它不会显示中的搜索结果.content。

AJAX请求应返回您想要显示的内容。然后，您可以执行以下操作：

success: function(response) {

    $(".content").html(response);

}

另一种选择是在调用时传递参数.load。将其更改为POST请求：

$(document).ready(function() {

  console.log("Document Ready. Listening for search bar key presses...");

  $('.SearchBar').keyup(function() {

    console.log("Key pressed.");

    var searchBoxValue = document.getElementById('superSearcher').value;

    console.log("Current searchbox value: " + searchBoxValue);

    $('.content').load(document.URL + ' .content>*', {

      searchInput: searchBoxValue

    });

  });

});