Javascript Ajax调用后异常

我尝试在页面加载时只执行一次ajax“post”调用。我的代码如下所示：

<script type='text/javascript'>
    $.post("amazon/apicalls/ConfirmAndAuthorize.php",{}).done(function(data) {
        var obj = jQuery.parseJSON(data);
        $.each(obj, function(key, value) {
            if (key == 'confirm') {
                var str = JSON.stringify(value, null, 2);
                $("#confirm").html(str);
            } else if (key == 'authorize') {
                var str = JSON.stringify(value, null, 2);
                alert(str);
                $("#authorize").html(str);
            }
        });
    });
</script>

---

在文档中运行，以便在页面加载或刷新页面时仅运行一次

$（文档）.ready（函数（）{
$.post（“/amazon/apicalls/ConfirmAndAuthorize.php”，{}）.done（函数（数据）{。。。。。
......
});
);
.......

答案是“的”和“的”答案的混合。看来JQuery只包含在页脚中。所以只需等待页面完全加载即可

---

我实现了这一点，而没有将JQuery与其他问题中提供的方法一起使用。请参见OP.

中的编辑，或在代码之前使用document ready或插入JQuery库的链接。错误意味着

$

未定义，这意味着您没有包含JQuery，但通常会看到

$未定义

错误de>$变量正在被另一个库覆盖？是否包含JQuery？似乎缺少该变量。如果添加，它似乎正在被覆盖。包含JQuery。我在其他一些页面上使用了类似的代码，其中包含相同的

includes

。唯一的区别是，这些其他Ajax调用在用户执行某些操作时进行了调用。您可以这样做吗在您的OP中包含完整答案的编辑？想法是正确的，但执行不正确。无法使用

（文档）.ready

，因为JQuery只包含在页脚中。这必须使用纯Javascript完成。使用

$（function（）{…}）

<script type='text/javascript'>
    document.addEventListener("DOMContentLoaded", function(event) {
        $.post("amazon/apicalls/ConfirmAndAuthorize.php",{}).done(function(data) {
           ...
        });
    });
</script>