【问题标题】:Loading div from subpage using jQuery使用jQuery从子页面加载div
【发布时间】:2018-01-12 10:45:35
【问题描述】:

我正在使用以下代码:

$('#demo').load('url #newcontent');

我遇到的问题是,如果 URL 和 div id 用空格分隔,则什么也不会发生。

如果没有空间,第二个页面将被完全加载/重定向。

在这两种情况下,控制台日志都只显示:

XHR 完成加载:GET "url"。

我也试过这样:

<script>
    function loadDoc() {
        var xhttp = new XMLHttpRequest();
        xhttp.onreadystatechange = function() {
            if (this.readyState == 4 && this.status == 200) {
                document.getElementById("demo").innerHTML = this.responseText;
            }
        };
        xhttp.open("GET", "url" + "#newcontent", true);
        xhttp.send();
    }
</script>

这会将整个页面加载到#demo div中

【问题讨论】:

  • 您好,请花点时间通过欢迎导览了解您的方法,阅读如何创建minimal reproducible example 示例并查看How to Ask,以便增加获得反馈的机会和有用的答案。
  • 检查控制台是否有错误。 URL 和要检索的元素的选择器之间需要空格 - 请参阅docs 了解更多信息
  • 你确定你有两个 div - 即页面调用上的演示 div 和加载页面上的 newcontent div。也只是为了确保,url 是您正在使用的实际 url,而不是上面的
  • 这是一个实际的 url,但没有文件名和结尾扩展名。这可能是问题吗?演示 div 和 newcontent div 设置正确。

标签: jquery html load


【解决方案1】:

您好,我认为您必须使用函数来执行此操作,这是示例

  $(document).ready(function() {
  var img = new Image();
  $(img).one('load', function() {
  alert("image is loaded");
  });

 img.src = "source";


 $(img).appendTo('.imgContainer');
 });

【讨论】:

  • 这是负载的不同用法,OPs负载是ajax负载,这是onload
  • 好的,这实际上是从子页面加载内容,你能帮我设置一下,让它加载一个DIV的ID吗?
  • 对不起,我认为我不明白你想要加载什么?它是 div 的图像或 ID?
  • 抱歉,div 的内容有自己的 ID。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2014-01-26
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-04-12
相关资源
最近更新 更多