Why cant I load an external resource from jQuery load method?

by

Jquery uses an ajax (XMLHttpRequest) request to load the data, but the browser allows this for resources on the same domain. (The answers above mention the Same origin policy). That’s why it works with Temp.htm, but not www.google.com.

  • One way to get around this is to create a server script that will load the page for you – basically a proxy. Then you call

    $('#g').load("load.php?url=google.com")

  • The other solution is to use iframes for communication – I found this library, that seems to be what you need: jquery-crossframe

  • A third options is JSONP but that would not work it your case.

My opinion – go for the first option with a server-side proxy.

Why is there a same origin policy?

Imagine that you are checking some stuff on your ebay account. Then in another tab you open my site, where I have a script that makes a series of requests to ebay (you are still logged in) and bids you for an Audi A8 without you even noticing. Annoying… If it was your bank it can directly steal money from you.

The irony is that despite the same origin policy, the above attack is still possible.

More Related Contents:

  1. Determine if $.ajax error is a timeout
  2. Access-Control-Allow-Origin error sending a jQuery Post to Google API’s
  3. Pass request headers in a jQuery AJAX GET call
  4. TypeError: $.ajax(…) is not a function?
  5. jQuery loop over JSON result from AJAX Success?
  6. Jquery – How to make $.post() use contentType=application/json?
  7. Calling a ‘WebMethod’ with jQuery in ASP.NET WebForms
  8. Update div with jQuery ajax response html
  9. Codeigniter session bugging out with ajax calls
  10. Use ASP.NET MVC validation with jquery ajax?
  11. jQuery AJAX calls in for loop [duplicate]
  12. How do I know if jQuery has an Ajax request pending?
  13. How do I get the HTTP status code with jQuery?
  14. Django JQuery Ajax File Upload
  15. Synchronous XMLHttpRequest warning and
  16. File Upload via AJAX within JQuery
  17. Redirecting after AJAX post in Django
  18. How to return a JSON object in standard web forms .Net
  19. How do I pass a Dictionary as a parameter to an ActionResult method from jQuery/Ajax?
  20. jQuery ajax request being block because Cross-Origin
  21. Display PNG image as response to jQuery AJAX request
  22. AJAX Post of JavaScript String Array to JsonResult as List Always Returns Null?
  23. How to submit form without refreshing page using Django, Ajax, jQuery?
  24. Invoke ColdFusion function using AJAX
  25. JSON parsing error syntax error unexpected end of input
  26. What HTTP status codes count as success in jQuery.ajax?
  27. handle ajax error when a user clicks refresh
  28. Preventing “SCRIPT5: Access is denied” error in IE
  29. JQuery ajax call default timeout value
  30. How do I POST an array of objects with $.ajax (jQuery or Zepto)

Leave a Comment