移动端WEB 关于DIV中加载一个外部链接的页面(例:www.baidu.com)

如题
我试过AJAX请求,但是不成功不知道代码是否有问题
$.ajax({
url:"http://www.baidu.com/",
type:"post",
dataType:"html",
success:function(data){
$("#main").html(data);
}
});

也试过iframe标签,不过这个标签在移动端的兼容性很差,影响到我的样式了。所以放弃了。
有好方法的还请告知下。

涉及到跨域请求,你这种写法是错误的

直接引用,不过得考虑样式

 <body>

<iframe src='https://www.baidu.com/'>
</body>

ajax不能跨域请求,iframe和父页是独立的,怎么可能会影响你的样式。。

可以在服务器读取,然后返回。因为客户端不能跨域