Pak Jiddat

Read: In the name of thy Lord Who createth, Createth man from a clot. Read: And thy Lord is the Most Bounteous, Who teacheth by the pen, Teacheth man that which he knew not. Nay, but verily man is rebellious That he thinketh himself independent!. Lo! unto thy Lord is the return. (Sura Alalaq 96:8)

Making cross domain Ajax calls using JSONP

Created On: 29 Mar, 2017: 17:03:55 - Tags : javascript | security


JSONP stands for JSON Padding. It allows scripts to make requests to JavaScript files on domains different from the original domain.

JSONP works by adding the required URL to a HTML script tag. This is typically done by manipulating the HTML DOM using a technique known as script element injection. The script tag is allowed to access files from other domains.

The URL of the required JavaScript file should contain a callback parameter which has the name of a JavaScript function. This function is called when the contents of the file are fetched. The response from the server is basically a call to the callback function. The JSON data is given as parameters to this function.

The browser executes the response from the server. The callback function is defined on the page that makes the Ajax call.

Related Articles

  1. Using await and async with Promises
  2. ES6 brings new features to JavaScript
  3. Using Web Components in JavaScript
  4. Using JavaScript promises
  5. JavaScript arrow functions and the let keyword
  6. Using classes and objects in JavaScript
  7. Using Generators in JavaScript
  8. Difference between ECMAScript, TypeScript and JavaScript
  9. Adding event listeners using JavaScript
  10. Using Prefetch, Preload and Preconnect for speeding page load times
  11. Get current unix timestamp using Javascript
  12. Fetching parent node element of a HTML node
  13. Adding option to html selectbox using Javascript
  14. Fetching html elements using CSS class names
  15. Fetching html elements using CSS selectors with Javascript
  16. Changing CSS styles using Javascript
  17. Allowing Cross Origin Requests using htaccess
  18. NodeJs permission denied error
  19. Customizing Redmine layout
  20. Passing parameters to Jquery event handler function
  21. W3C.Data
  22. Use of Preflight request in HTTP Cross Origin Resourse Sharing (CORS)
  23. Javascript JSON guide
  24. Using cookies in Javascript
  25. Convert javascript object to json string
  26. Javascript date object
  27. Get the time using JavaScript
  28. Base64 Encoding of utf-8 encoded string using Javascript
  29. Setting CSS styles using JQuery
  30. Replacing html element using replaceWith jquery function
  31. Using keydown event handler for detecting enter key press
  32. Replacing a string using Javascript replace function
  33. Using clearTimeout and onmouseenter, onemouseleave events
  34. Get co-ordinates of element relative to document using Jquery
  35. Iterate throught Javascript object properties
  36. Select contents on text field
  37. PrivateTmp systemd option prevents access to tmp folder
  38. Generating free SSL certificate from LetsEncrypt on localhost
  39. INADEQUATE_SECURITY - SSL Cipher problems with HTTP2
  40. Preventing spam messages with Contact Form 7 WordPress plugin
  41. Generate Certificate Signing Request (CSR) for ssl certificates
  42. Whitelisting devices and files for RKhunter
  43. Using Oauth2l