如何使用ajax / jquery而不是iframe调用外部页面？

Question

I need to call another page for example http://www.google.com to my specific div. I had done using ajax...

$.ajax({
     url : 'http://www.google.com',
     success : function (data)
     {
         $('#my-div').html(data);
     }
});

But it does not work....Is there any better ways instead of using <iframe> ?

Answer 1

Your code will not work due to the same-origin policy (if your ajax code is on www.mysite.com , you can only send ajax requests to other files on www.mysite.com ).

Here are 2 common solutions:

1) If you can write server side code, you can ajax your own domain, scrape www.google.com using cURL and return the response.

2) With ajax you can use JSONP but one condition is that the server (www.google.com in your case) is configured for JSONP responses. Checkout the jquery doc for how to go about JSONP.