gpt4 book ai didi

javascript - 如何ajax仅加载html而不加载图像?

转载 作者:行者123 更新时间:2023-11-30 16:22:25 25 4
gpt4 key购买 nike

我正在使用 ajax 在网络上加载 html 文档(自动提取数据),如下所示:

$.ajax({
url:'http://example.com/index.php',
crossDomain: true,
accepts:"html",
dataType:"html"});

我希望它只加载 html 文档。 然而,所有附加到文档的图像也被加载。通过开发人员控制台检查浏览器的网络事件,我可以看到正在请求图像。

返回的 html 文档示例。

<html>
<body>
<div>Data I wanted: item price, stock availability etc.</div>
<img src="../img/very-large-image.jpg" />
</body>
</html>

浏览器在收到 html 文档后正在请求 '../img/very-large-image.jpg'。

有没有办法在浏览器不请求图像的情况下加载 HTML 文档?我只想加载 html。此问题会影响我的应用程序性能,尤其是当该页面上的图像尺寸较大时。

我尝试在互联网上搜索答案,但尚未找到任何相关文章。非常感谢您的帮助。

最佳答案

  1. 图像和脚本将在您将其放入 DOM 后开始加载
  2. 我们可以在将收到的 html 放入 DOM 之前删除/修改所有图像

以下函数应该可以工作。

$.ajax({
url:'http://example.com/index.php',
crossDomain: true,
accepts:"html",
dataType:"html",
success:function(data){
var $html = $(data);
//Remove src from all images
$('img',$html).attr('src','');
//Now set html to container
$('#container').html($html);
}
});

关于javascript - 如何ajax仅加载html而不加载图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34553523/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com