将网站加载到DIV

当我在文本框中写入URL然后点击提交按钮时,我如何实际从网站检索数据.我希望将数据放入我拥有的div中.这可能吗？

我试过这个,但它不起作用!

 



Write URL here

workmad3.. 11

由于javascript调用上的沙箱,你不能这样做(你不能在JS加载的域之外调用),至少不能直接

这有两种方法.

第一种方法是通过使用JS设置src参数,将请求的URL加载到iframe而不是div中.简单,容易,但会限制您访问iframe中的数据.

第二个是在你的服务器上发出一个AJAX请求,然后你的服务器查找URL并返回HTML内容(很容易用CURL或类似的东西).这使您可以更多地使用返回的内容,但是由于cookie上的沙箱,您将无法请求任何类似用户的Facebook页面或需要会话的任何内容,因为它将通过服务器会话而不是浏览器会话.

由于javascript调用上的沙箱,你不能这样做(你不能在JS加载的域之外调用),至少不能直接

这有两种方法.

第一种方法是通过使用JS设置src参数,将请求的URL加载到iframe而不是div中.简单,容易,但会限制您访问iframe中的数据.

第二个是在你的服务器上发出一个AJAX请求,然后你的服务器查找URL并返回HTML内容(很容易用CURL或类似的东西).这使您可以更多地使用返回的内容,但是由于cookie上的沙箱,您将无法请求任何类似用户的Facebook页面或需要会话的任何内容,因为它将通过服务器会话而不是浏览器会话.

鉴于它无法进行登录或http身份验证(为了启用你可以使用curl或其他http客户端),这个php one liner可以用作代理来加载来自其他站点的内容

/* proxy.php */

假设您将proxy.php放在html页面的同一目录中:

$("#contentArea").load('proxy.php?url=http://example.com');