Javascript 在HTML中显示Ajax响应

Javascript 在HTML中显示Ajax响应,javascript,php,jquery,ajax,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: "G

我正在调用一个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>

$.ajax({
键入:“获取”,
网址:'https://www.example.com',
数据类型:“jsonp”,
contentType:“文本/html”,
跨域:'true',
成功:功能(数据){
$(“.result”).html(数据);
}
});

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

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

只是关于您正在做什么的一个小教训

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

我经常使用Firefox和Chrome浏览器

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

并检查铬元素

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

您应该看到如下内容:

标题发布响应JSON Cookies或类似内容


我希望这能有所帮助。

这只是一个关于你在做什么的小教训

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

我经常使用Firefox和Chrome浏览器

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

并检查铬元素

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

您应该看到如下内容:

标题发布响应JSON Cookies或类似内容


我希望这会有所帮助。

好吧,ajax请求不必等待onload的执行,但他确实需要等到dom准备好对其成功进行操作之后。是的,ajax请求将触发,但它可能没有任何地方来编写响应。
var req=$.ajax(…)$(函数(){req.done(dostuff)})将是一种尽可能快地获取内容的方法,同时仍在等待dom准备对其进行操作。好的,ajax请求不必等待onload执行,但他确实需要等到dom准备好对其进行成功操作之后。是的,ajax请求将触发,但是它可能没有任何地方来编写响应$(函数(){req.done(dostuff)})是一种尽可能快地获取内容的方法,同时仍在等待dom准备对其进行操作。您似乎在ajax请求上粘贴了不属于您的参数。例如,如果不向服务器发送text/html,为什么要使用contentType:“text/html”?为什么要使用.html()在div的内容中插入javascript对象或javascript数组?我猜您正在发出一个跨域请求来检索文本/html,但由于同源策略,这是不允许的,因此您开始添加参数来强制它工作。您似乎在ajax请求上粘贴了不属于您的参数。例如,如果不向服务器发送text/html,为什么要使用contentType:“text/html”?为什么要使用.html()在div的内容中插入javascript对象或javascript数组?我猜您正在发出一个跨域请求以检索文本/html,这是由于同源策略而不允许的,因此您开始添加参数以尝试强制它工作。