远程调用html页面 跨域代码 怎么写
要实现远程调用HTML页面,需要使用跨域代码来解决跨域访问的问题。下面是一种常见的跨域代码的写法:
<!DOCTYPE html>
<html>
<head>
<title>远程调用HTML页面</title>
<script>
function remoteCall() {
var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/remote.html', true);
xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && xhr.status === 200) {
var remoteContent = xhr.responseText;
// 在此处理远程页面的内容
console.log(remoteContent);
}
};
xhr.send();
}
</script>
</head>
<body>
<button onclick="remoteCall()">远程调用</button>
</body>
</html>
在上面的代码中,使用了XMLHttpRequest对象来发送GET请求,请求远程的HTML页面。其中,'http://example.com/remote.html'是远程页面的URL,你需要将其替换为你实际要调用的页面的URL。
在xhr.onreadystatechange方法中,判断请求的状态是否为4(完成)和状态码是否为200(成功),如果是,则表示请求成功,可以获取到远程页面的内容。
你可以根据需要在xhr.onreadystatechange方法中添加对远程页面内容的处理逻辑。在上面的示例中,将远程页面的内容输出到控制台。你可以根据实际需求,将内容插入到页面中的某个元素中,或者进行其他处理
原文地址: https://www.cveoy.top/t/topic/hYU5 著作权归作者所有。请勿转载和采集!