Simple jQuery, PHP and JSONP example?

Question

I am facing the same-origin policy problem, and by researching the subject, I found that the best way for my particular project would be to use JSONP to do cross-origin requests.

I've been reading this article from IBM about JSONP, however I am not 100% clear on what is going on.

All I am asking for here, is a simple jQuery>PHP JSONP request (or whatever the terminology may be ;) ) - something like this (obviously it is incorrect, its just so you can get an idea of what I am trying to achieve :) ):

jQuery:

$.post('http://MySite.com/MyHandler.php',{firstname:'Jeff'},function(res){
    alert('Your name is '+res);
});

PHP:

How would I go about converting this into a proper JSONP request? And if I were to store HTML in the result to be returned, would that work too?

user_9004772 · Answer

Simple jQuery, PHP and JSONP example is below:

window.onload = function(){
 $.ajax({
  cache: false,
  url: "https://jsonplaceholder.typicode.com/users/2",
  dataType: 'jsonp',
  type: 'GET',
  success: function(data){
   console.log('data', data)
  },
  error: function(data){
   console.log(data);
  }
 });
};

Simple jQuery, PHP and JSONP example?

7 Answers