how to convert ajax json call to jsonp - php

Question

I have an ajax call like this:
$.ajax({
type: "POST",
url: "www.something.com/login.php",
cache:false,
dataType: "json",
data: {
username: $('#user').val(),
password: $('#pass').val()
},
success: function(response)
{
localStorage.setItem('user',response.results[0].user);
localStorage.setItem('company',response.results[0].company);
}
});
This is not working because I'm trying to connect to the script which is not on the same root as my files, this PHP file is located on the external server.
How do I need to use JSONP to get this script working?

Answer 1

Sure you can. The only difference between JSON and JSONP is that JSONP is wrapped with a function name;
{ "x": "hello" } // JSON
foo({ "x": "hello" }); // JSONP.

Answer 2

You need to pass the information through URL variables.
type: "GET",
url: "www.something.com/login.php?login="+username+"&password="+password,
Then on the server side:
$_GET["username"];
$_GET["password"];
But now that I've told you this, DO NOT DO THIS FOR PASSWORDS AND LOGINS! THIS IS VERY INSECURE!!!
Instead, create a local PHP file, that shares data with the other website on the backend. If you can't do this, then use iframes and use your original method.
Another way is to use cURL. cURL allows you to login just like you were on the page in your browser. It's not very fast, but it works very well on websites you don't have much control over and that don't have an API.
Using PHP CURL to login to a remote web site

Answer 3

Try this...
$.ajax({
type: "POST",
url: "www.something.com/login.php",
cache:false,
dataType: "jsonp",
crossDomain: true,
data: {
username: $('#user').val(),
password: $('#pass').val()
},
success: function(response)
{
localStorage.setItem('user',response.results[0].user);
localStorage.setItem('company',response.results[0].company);
}
});