从网页获取数据，然后在另一个网页上显示

Question

I want to get data from an HTML web page, then display it in a Div on another HTML web page, with jQuery.

I tried jQuery's get(), load(), and ajax() methods, but unable to get the data. Here is my code:

http://jsfiddle.net/YcprC/

• What's wrong with my code?

• Is it possible to get data from an ASP.NET web page, then display it on an HTML web page?

• How to get data from a Div in a web page, then display it in another Div on another web page?

Thanks in advance...

Answer 1

You can not get data from other websites because of what is know as Same Origin Policy:

In computing, the same origin policy is an important security concept for a number of browser-side programming languages, such as JavaScript. The policy permits scripts running on pages originating from the same site to access each other's methods and properties with no specific restrictions, but prevents access to most methods and properties across pages on different sites . 1

To workaround that, you should implement JSONP . Learn more about it here .

Or you may also use Yahoo's YQL, see:

• Quick Tip: Cross Domain AJAX Request with YQL and jQuery

Answer 2

You can't do this because of crossdomain security policies. I recommend you load the webpages data with PHP (easy way is file_get_contents , pro way is curl ) and load that php with your jquery.

Answer 3

Same domain - simple. Cross-domain - difficult. Not natively supported except in old versions of IE (5.5 and 6)

Answer 4

If the page being scraped is small enough then you can use the Yahoo Pipes service to fetch the information and pass it back to the app as a JSON string. For anything bigger or more complicated use the Google App Engine or run the php fetching of data through a free web Host.