This days tools like jQuery make it easy to use JSONP:

jQuery.ajax({
  url: "https://data.acgov.org/resource/k9se-aps6.json?city=Berkeley",
  jsonp: "callback",
  dataType: "jsonp"
}).done(function(response) {
  console.log(response);
});

Yet another site, with great examples, with the explanation from the simplest use of this technique to the most advanced: JSONP.

There is also an explanation of the origin of the name:

JSONP stands for JSON with Padding.

JSONP stands for JSON with Padding.

Here is the site, with great examples, with the explanation from the simplest use of this technique to the most advanced in plane JavaScript:

w3schools.com / JSONP

One of my more favorite techniques described above is Dynamic JSON Result, which allow to send JSON to the PHP file in URL parameter, and let the PHP file also return a JSON object based on the information it gets.

Tools like jQuery also have facilities to use JSONP:

jQuery.ajax({
  url: "https://data.acgov.org/resource/k9se-aps6.json?city=Berkeley",
  jsonp: "callbackName",
  dataType: "jsonp"
}).done(
  response => console.log(response)
);

This days tools like jQuery make it easy to use JSONP:

jQuery.ajax({
  url: "https://data.acgov.org/resource/k9se-aps6.json?city=Berkeley",
  jsonp: "callback",
  dataType: "jsonp"
}).done(function(response) {
  console.log(response);
});

Yet another site, with great examples, with the explanation from the simplest use of this technique to the most advanced: JSONP.

There is also an explanation of the origin of the name:

JSONP stands for JSON with Padding.

This days tools like jQuery make it easy to use JSONP:

jQuery.ajax({
  url: "https://data.acgov.org/resource/k9se-aps6.json?city=Berkeley",
  jsonp: "callback",
  dataType: "jsonp"
}).done(function(response) {
  console.log(response);
});

Yet another site, with great examples, with the explanation from the simplest use of this technique to the most advanced: JSONP.

There is also an explanation of the origin of the name:

JSONP stands for JSON with Padding.