使用 ajax load() 从数据库中检索数据答案

【问题标题】：Retrieve data from database with ajax load()使用 ajax load() 从数据库中检索数据
【发布时间】：2014-11-06 06:24:57
【问题描述】：

我正在尝试在用户使用 load() ajax 方法单击后检索保存到数据库的数据

<input type="button" class="add_to_cart" id="add_to_cart"  value="BUY" />

<script type="text/javascript">
    $('input.add_to_cart').click(function(){
        $.ajax({
            type: "POST",
            url: "addprod.php",
            data: $('.prod_form').serialize(),
            success: function(){
                $(".add_cart_msg").delay(250).fadeIn("slow").delay(2000).fadeOut("slow");
                $("#quickcart").load("quickcart.php .quickcart-products");
            }
        });
    });
</script>

点击后，我希望#quickcart div 更新并显示新的动态内容。我知道 quickcart.php 被加载，但它没有运行正确的 sql 语句，并且没有 ajax 它显示正确的内容。我被困了几个小时，任何帮助将不胜感激。

【问题讨论】：

能否请您添加相关的HTML。
load() 需要一个 URL。不是一些古怪的 url/css-selector 组合
其实可以在远程页面@ValentinRodygin上指定元素，语法是正确的。来自文档 - ".load() 方法与 $.get() 不同，它允许我们指定要插入的远程文档的一部分。这是通过 url 参数的特殊语法来实现的。如果一个或多个空格字符包含在字符串中，则字符串中第一个空格之后的部分被假定为确定要加载的内容的 jQuery 选择器。"
对，@JayBlanchard。我总是忘记这个功能。
@fotant 您是否在控制台中查看了请求/响应？它应该显示任何错误。

标签： php jquery ajax

【解决方案1】：

Success:function(data){
//format data.
//$(#elem").empty();
// $("#elem").append(data);
}

您的 ajax 调用需要返回数据。你现在要做的是ajax正在调用php但没有获取数据，然后笨拙地再次调用它来获取数据。

【讨论】：

您的 php 文件是否正常返回？尝试成功：function(data){alert(JSON.stringify(data));}?