在HTML中显示Ajax响应

时间:2014-01-02 19:13:39

标签: javascript php jquery ajax

我正在调用一个PHP文件,当我在Firebug中查看它时它会返回响应。但是,它没有显示在我的页面上。我不确定成功是否真的开始,因为我甚至无法运行警报,但它正在工作,因为PHP代码正在触发并返回它应该的内容。

<script type="text/javascript" src="//code.jquery.com/jquery-1.10.2.min.js"></script>

<script>
    $.ajax({
        type: "GET",
        url: 'https://www.example.com',
        dataType: 'jsonp',
        contentType: "text/html",
        crossDomain:'true',
        success: function (data) {
            $(".result").html(data);
        }
    });
</script>

<div class="result"></div>

2 个答案:

答案 0 :(得分:4)

您需要在加载或文档准备好时调用ajax。响应时div可能不存在(页面自上而下解释)。

答案 1 :(得分:0)

关于你在做什么的一点教训。

使用任何形式的Ajax(或一般的JavaScript)时,通常必须打开控制台。您将能够看到您的请求,您的回复以及其他所有有用的信息。

我经常使用Firefox和Chrome。

您可以通过在任意位置右键单击页面来打开控制台,并使用Firebug检查元素(在Firefox上)。

并检查Chrome中的元素。

看到Ajax调用后,单击 + 并查看其内容。

您应该看到类似的内容:

  

标题发布回复JSON Cookie或类似内容。

我希望有所帮助。