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

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后,接口页面的确得到显示,可是我想要的是接口页面的部分数据啊!

阅读 10k
5 个回答

iframe 或者 CORS

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

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

用 iframe

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

新手上路,请多包涵

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏