jQuery ajax call to REST service

by

You are running your HTML from a different host than the host you are requesting. Because of this, you are getting blocked by the same origin policy.

One way around this is to use JSONP. This allows cross-site requests.

In JSON, you are returned:

{a: 5, b: 6}

In JSONP, the JSON is wrapped in a function call, so it becomes a script, and not an object.

callback({a: 5, b: 6})

You need to edit your REST service to accept a parameter called callback, and then to use the value of that parameter as the function name. You should also change the content-type to application/javascript.

For example: http://localhost:8080/restws/json/product/get?callback=process should output:

process({a: 5, b: 6})

In your JavaScript, you will need to tell jQuery to use JSONP. To do this, you need to append ?callback=? to the URL.

$.getJSON("http://localhost:8080/restws/json/product/get?callback=?",
   function(data) {
     alert(data);         
   });

If you use $.ajax, it will auto append the ?callback=? if you tell it to use jsonp.

$.ajax({ 
   type: "GET",
   dataType: "jsonp",
   url: "http://localhost:8080/restws/json/product/get",
   success: function(data){        
     alert(data);
   }
});

More Related Contents:

  1. jQuery .ajax() POST Request throws 405 (Method Not Allowed) on RESTful WCF
  2. Ajax call to download file returned from RESTful service
  3. Passing complex objects into a WCF Rest Service
  4. How do I POST an array of objects with $.ajax (jQuery or Zepto)
  5. How I show div by scale effect and give her text
  6. How to get the value of this.id in string? [duplicate]
  7. Problems inherent to jQuery $.Deferred (jQuery 1.x/2.x)
  8. How do you convert a jQuery object into a string?
  9. Bind a function to Twitter Bootstrap Modal Close
  10. Change Active Menu Item on Page Scroll?
  11. How to wait 5 seconds with jQuery?
  12. Select elements by attribute
  13. Setting up the jQuery Mobile script
  14. Close Bootstrap Modal
  15. HTML Table to JSON
  16. What is the simplest jQuery way to have a ‘position:fixed’ (always at top) div?
  17. JQuery data selector not updating with .data
  18. TypeError: $.browser is undefined
  19. only shows first char of selected option
  20. How to make select2 work with jquery.validation plugin?
  21. Remember ajax added data when hitting back button
  22. Filtering Table rows using Jquery
  23. How can I add jquery ui autocomplete to a dynamically created element?
  24. jQuery ajax upload with progress bar – no flash
  25. Filtering with checkboxes using jQuery
  26. submitting multiple forms with AJAX
  27. jQuery validator and datepicker click not validating
  28. Re-attaching jQuery detach();
  29. Custom CSS to allow chrome textarea resize smaller than initial state?
  30. In-cell data bars in jqGrid – possible or not?

Leave a Comment