javascript - 错误: Ajax call to server inside jquery function

Question

我正在尝试对本地网络中安装了 LAMP 并运行 WordPress 的服务器进行 ajax 调用。我目前正在对 WordPress 插件中的文件进行更改。

我想调用位于我的服务器中的 php 文件来获取 json 数据，以便根据 sql 请求构建图表。

所以我有 ajaxStatistics.php，我在其中编码了 sql 请求和 json 编码。

现在我在statistics.js中，我有构建图表的函数，这就是我进行ajax调用的地方:

jQuery(function() { 
    /**
     * call the ajaxStats.php file to fetch the result from db table.
     */
    $.ajax({
        url : "192.168.1.100/wp-content/plugins/pluginname/ajaxStatistics.php",
        type : "GET",
        success : function(data){
            console.log(data);
            ...

结果是未捕获的类型错误:无法读取未定义的属性“ajax”

at HTMLDocument.<anonymous> (statistics.js:92)
    at i (jquery.js?ver=1.12.4:2)
    at Object.fireWith [as resolveWith] (jquery.js?ver=1.12.4:2)
    at Function.ready (jquery.js?ver=1.12.4:2)
    at HTMLDocument.K (jquery.js?ver=1.12.4:2)

Answer 1

您正在尝试在 $ 初始化之前将其作为 jQuery 访问，因此为了以正确的方式进行操作，您可以像这样使用它的 DOM 加载事件...

$(document).ready(function(){
    function build_statistics() {
        $.ajax({
        url : "http://192.168.1.100/wp-content/plugins/pluginname/ajaxStatistics.php",
        type : "GET",
        success : function(data){
            console.log(data);
        }
    }
});

然后这样调用它

build_statistics()