Cross-site AJAX using jQuery

by

JSONP will allow you to do cross-site calls. See jQuery docs on that matter.

The concept is simple: instead of doing a normal Ajax call, jQuery will append a <script> tag to your <head>. In order for this to work, your JSON data needs to be wrapped in a
function call.

Your server needs to send information in such way (PHP example):

$json = json_encode($data);
echo $_GET['jsonp_callback'] . '(' . $json . ');';

Then, you can use jQuery to fetch that information:

$.ajax({
  dataType: 'jsonp',
  jsonp: 'jsonp_callback',
  url: 'http://myotherserver.com/getdata',
  success: function () {
    // do stuff
  },
});

More information is available here: What is JSONP?

More Related Contents:

  1. Difference between .ajaxSubmit() vs .submit()
  2. Abort Ajax requests using jQuery
  3. jQuery Ajax POST example with PHP
  4. jQuery AJAX submit form
  5. jQuery load more data on scroll
  6. how to bypass Access-Control-Allow-Origin?
  7. How to generate a simple popup using jQuery
  8. jQuery has deprecated synchronous XMLHTTPRequest
  9. Parallel asynchronous Ajax requests using jQuery
  10. Why would multiple simultaneous AJAX calls to the same ASP.NET MVC action cause the browser to block?
  11. Access denied to jQuery script on IE
  12. How to upload a file using jQuery.ajax and FormData
  13. Ajax call Into MVC Controller- URL Issue
  14. How to wait until jQuery ajax request finishes in a loop?
  15. Ajax jquery success scope
  16. Rails flash notice via ajax
  17. Problem with jQuery.ajax with ‘delete’ method in ie
  18. How to stop refreshing page after ajax call?
  19. jquery window.open in ajax success being blocked
  20. send json object from javascript to php
  21. Callback function for JSONP with jQuery AJAX
  22. How can I return a view from an AJAX call in Laravel 5?
  23. Google Place API – No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘null’ is therefore not allowed access [duplicate]
  24. Execute function after Ajax call is complete
  25. Does the jQuery ajax call support PATCH?
  26. Chained Select Boxes (Country, State, City)
  27. How to import JQuery into a Typescript file?
  28. Load ajax when scroll reaches 80%
  29. How do I execute a PHP query on select option choice using AJAX?
  30. How to return an array from an AJAX call?

Leave a Comment