JavaScript: How do I create JSONP?

by

It is simple. Simply accept a parameter called callback in the GET.

Then wrap the callback JavaScript function around your data.

Example in PHP:

<?php

$data="{}"; // json string

if(array_key_exists('callback', $_GET)){

    header('Content-Type: text/javascript; charset=utf8');
    header('Access-Control-Allow-Origin: http://www.example.com/');
    header('Access-Control-Max-Age: 3628800');
    header('Access-Control-Allow-Methods: GET, POST, PUT, DELETE');

    $callback = $_GET['callback'];
    echo $callback.'('.$data.');';

}else{
    // normal JSON string
    header('Content-Type: application/json; charset=utf8');

    echo $data;
}

It’s idea is to simply return a JavaScript file which calls the callback function with the JSON object as the first parameter of the JavaScript callback function.

You can use the built-in json_encode() function to create JSON strings (which $data in our example above contains) from arrays and objects in PHP.

To use the JSONP service, you can use the <script> tag:

<script>
    function receiver(data){
        console.log(data);
    }
</script>
<script src="https://stackoverflow.com/questions/1678214/data-service.php?callback=receiver"></script>

More Related Contents:

  1. Simple jQuery, PHP and JSONP example?
  2. Returning JSON from PHP to JavaScript?
  3. PHP json_encode encoding numbers as strings
  4. The holy grail of cleaning input and output in php?
  5. Send JSON data from Javascript to PHP?
  6. How to retrieve Request Payload
  7. How to solve JSON_ERROR_UTF8 error in php json_decode?
  8. How to pass an array using PHP & Ajax to Javascript?
  9. json parse error with double quotes
  10. Writing JSON object to .json file on server
  11. Convert JSON to array in Javascript
  12. Reading JSON POST using PHP
  13. json_decode returns NULL after webservice call
  14. REST API – why use PUT DELETE POST GET?
  15. Passing JavaScript array to PHP through jQuery $.ajax
  16. PHP json_decode() returns NULL with valid JSON?
  17. Variable-length lookbehind-assertion alternatives for regular expressions
  18. Why is this PHP call to json_encode silently failing – inability to handle single quotes?
  19. jQuery Mobile: How to correctly submit form data
  20. Use Javascript to access a variable passed through Twig
  21. how to decode this JSON string?
  22. jQuery $.ajax request of dataType json will not retrieve data from PHP script
  23. Is there a built-in function or plugin to handle date formatting in JavaScript?
  24. Accessing JSON array after json_decode/multidimensional array
  25. How to add anchor tag to a URL from text input
  26. Removing black borders 4:3 on youtube thumbnails
  27. How to properly handle session and access token with Facebook PHP SDK 3.0?
  28. uploading a file via ajax with php
  29. json_encode produce JSON_ERROR_UTF8 from MSSQL-SELECT
  30. Laravel collection converts array to object

Leave a Comment