jQuery document.ready 与 ajax $.post答案

【问题标题】：jQuery document.ready with ajax $.postjQuery document.ready 与 ajax $.post
【发布时间】：2013-10-02 12:41:58
【问题描述】：

所以我有一个函数，它使用 jQuery 的 $.post 机制来用另一个页面的内容填充一个 div。我想在一开始就触发此方法以立即在 div 中显示内容。为此，我调用 document.ready 脚本中的方法。

这就是代码的样子：

    function OnloadFunction()
{
    alert("HELP!");
    var url = "<?php echo $this->url('public', array('id'=>'ajax')); ?>";
     $.post(url, {contentVar:cv}, function(data){
          $("#shoppingCart").load(data).show();
     });
}

//when document loads, do the following
$(document).ready(function(){
     OnloadFunction();
})

当我加载页面时，提示“帮助！”出现了，但 $.post 函数没有任何区别，并且 div 没有填充来自 url 的内容。

P.S 这应该没什么区别，但我使用的是 ZF2（因此 url('public', array('id'=>'ajax')); ?>）

任何帮助将不胜感激:)

谢谢！

【问题讨论】：

ajax 发布到哪个 URL？帖子是成功还是404？ cv 是什么？ data 的回调中的调试显示什么？您的页面上是否有 ID 为 shoppingCart 的元素？

标签： javascript jquery html ajax .post

【解决方案1】：

你需要使用.html()而不是.load()，假设数据是html内容

 $("#shoppingCart").html(data)

【讨论】：

谢谢，这就像一个魅力！我会投票给你，但我还没有足够的声望点！再次感谢:)
@Steve-o-graph，非常感谢您的考虑，非常高兴能帮助其他开发人员

【解决方案2】：

load 函数将 URL 作为参数，对其发出 XHR 请求，然后使用响应填充元素。

大概data 不是 URL。

【讨论】：