gpt4 book ai didi

javascript - 通过 Ajax 将页面加载到 Div 最佳实践?

转载 作者:数据小太阳 更新时间:2023-10-29 04:11:49 25 4
gpt4 key购买 nike

我正在使用下面的方法将远程页面加载到页面上的 div 中。

$('#result').load('www.myurl.com/results.html');

我很好奇,在另一个页面中加载完全格式化的 HTML 页面是否是一种不好的做法?我更关心的是加载 css 或其他 javascript 包含可能会覆盖主页上的其他元素。

我在最初的测试中没有遇到任何问题,我只是不确定这是否是最佳做法。

澄清一下:如果我有这样的主页

<html>
<head>
<script src="jquery.js"></script>
<link href="mycss.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="remoteContainer"></div>
<script>
$('#remoteContainer').load('www.myurl.com/results.html');
</script>
</body>

results.html 代码如下所示:

<html>
<head>
<script src="jquery.js"></script>
<link href="myResults.css" rel="stylesheet" type="text/css">
</head>
<body>
<header>
<h1>My Results Page</h1>
</header>
...
</body>

CSS 和 JS 会相互覆盖,还是页面会作为两个独立的实体运行?

最佳答案

这会很好地工作,浏览器会正确处理它。来自jQuery docs :

... browsers often filter elements from the document such as <html>, <title>, or <head> elements. As a result, the elements retrieved by .load() may not be exactly the same as if the document were retrieved directly by the browser.

但是,最好在返回的 HTML 中指定要插入的元素:

$('#remoteContainer').load('www.myurl.com/results.html #containerDiv');

关于javascript - 通过 Ajax 将页面加载到 Div 最佳实践?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15647446/

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