php ajax post接收不到数据,Ajax POST工作正常，但是php文档无法获取数据变量

当我发布内容时，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和其他文章，但是我一生都无法解决。