html页面如何跨域访问另一页面内容,并将部分内容呈现出来?

发布于 2022-09-03 00:18:12 字数 982 浏览 15 评论 0

html代码:

<h6>简介</h6>
<div id="p4" ></div>

接口界面url:
http://139.196.175.34:9080/nodecorator/getcompanyinfo?companyid=15

我需要将接口界面的部分内容,显示在id为p4的块中,我自己这边服务器请求是跨域访问,如何操作?
jquery ajax来完成,load()方法不能跨域,所以不能用;我自己的代码如下:
$(document).ready(function(){

    $.ajax({
        type:"GET",
        url:"http://139.196.175.34:9080/nodecorator/getcompanyinfo?companyid=15",
        dataType:"html",
        jsonp:"callback",
        success:function(data){
            $("#p4").html(data);
        }
    })
})

不能实现,求帮助,求踩!
我将dataType类型jsonp换为html之后,又报跨域的错:
图片描述

采用iframe后,接口页面的确得到显示,可是我想要的是接口页面的部分数据啊!
采用iframe后,接口页面的确得到显示,可是我想要的是接口页面的部分数据啊!
采用iframe后,接口页面的确得到显示,可是我想要的是接口页面的部分数据啊!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(5

坐在坟头思考人生 2022-09-10 00:18:13

iframe 或者 CORS

怎么可能是 JSONP 呢,格式完全对不上嘛

笑着哭最痛 2022-09-10 00:18:13

你发送jsonp请求过去,需要服务提供方支持你的请求类型

何以心动 2022-09-10 00:18:13

用 iframe

压抑⊿情绪 2022-09-10 00:18:13

看题主要在div里加载这个接口页面,而不是部分数据。
直接用iframe就可以了。
$(document).ready(function(){
$("<iframe/>").attr("src","http://139.196.175.34:9080/nodecorator/getcompanyinfo?companyid=15").appendTo($("#p4")) ;
})

最美不过初阳 2022-09-10 00:18:13

正巧写了这样的东西 需要后端服务器加@CrossOrigin注解 接收跨域请求
image.png
前端直接请求html就可以
image.png

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文