Accessing web Service from jQuery – cross domain

by

You are running up against the Same-Origin Policy. The web service that you are accessing must reside on the same domain as the jQuery script that is making the request. This policy is enforced by all browsers to prevent – for example – cross-site scripting and code injection attacks on web applications.

There are various ways around it, including JSONP, Proxies or Flash.

We’ll need a little more information before we can suggest which technique you should use. I tend to favor JSONP. But in the meantime, here’s some light reading:

http://taossa.com/index.php/2007/02/08/same-origin-policy/

https://developer.mozilla.org/En/Same_origin_policy_for_JavaScript

Here’s an example use of JSONP:

url = "http://www.test.com/getData.php?callback=parseResults";

document.body.appendChild((function() {
    var newScript = document.createElement("script");
    newScript.type = "text/javascript";
    newScript.src = url;
    return newScript;
})());

function parseResults(data) {
    alert(data);
}

More Related Contents:

  1. jQuery AJAX cross domain
  2. How to parse JSON data with jQuery / JavaScript?
  3. Jquery Ajax Posting JSON to webservice
  4. How can I use JQuery to post JSON data?
  5. Pass array to ajax request in $.ajax() [duplicate]
  6. json Uncaught SyntaxError: Unexpected token :
  7. Send JSON data via POST (ajax) and receive json response from Controller (MVC)
  8. TypeError: $.ajax(…) is not a function?
  9. How do I format a Microsoft JSON date?
  10. jQuery loop over JSON result from AJAX Success?
  11. AJAX in Chrome sending OPTIONS instead of GET/POST/PUT/DELETE?
  12. jQuery won’t parse my JSON from AJAX query
  13. XMLHttpRequest cannot load an URL with jQuery
  14. jQuery posting valid json in request body
  15. How to enable cross-domain request on the server?
  16. from jquery $.ajax to angular $http
  17. jQuery getJSON works locally, but not cross domain
  18. jqGrid does not populate with data
  19. How to set encoding in .getJSON jQuery
  20. Set Headers with jQuery.ajax and JSONP?
  21. Check if username exists in database with AJAX
  22. What does autocomplete request/server response look like?
  23. How to return a JSON object in standard web forms .Net
  24. JSON: How do I make cross-domain JSON call
  25. jQuery ajax request being block because Cross-Origin
  26. GUI-based or Web-based JSON editor that works like property explorer [closed]
  27. Populate Select box options on click with Javascript/Jquery with Json data
  28. jQuery – How to PUT JSON via Ajax?
  29. AJAX Post of JavaScript String Array to JsonResult as List Always Returns Null?
  30. how to avoid cross domain policy in jquery ajax for consuming wcf service?

Leave a Comment