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后,接口页面的确得到显示,可是我想要的是接口页面的部分数据啊!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(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注解 接收跨域请求
前端直接请求html就可以