Json request to another domain

Question

Im trying to make a request from one server to another with json and php.

my html page:

$.ajax({
            type: "POST",
            url: "https://api.domain.com/gateway/partners/create_account.ajax.php",
            dataType: 'jsonp',
            crossDomain: true,
            data: { "name" : "Test name"},
            success: function(data)
            {
                console.log(data.responseText);
            }
          });

My php looks like this:

$name = $_GET['name'];
$data = array("Hello", $name);

echo json_encode($data);

I want to receive on my console: Hello Test name

What did I do wrong?

You can't use JSONP and POST request: See this: http://stackoverflow.com/questions/2699277/post-data-to-jsonp — Cyrus, Nov 27 '13 at 13:53

Quentin · Accepted Answer · 2013-11-27T13:57:21.883

You are:

Telling jQuery to process the response as JSONP
Writing PHP that will output JSON (not JSONP) … presumably with a text/html content-type.
Trying to make a POST request instead of a GET request. JSONP only supports GET.
Trying to treat the data returned by the request as if it were an XHR object.

The minimal example of a JSONP response would be:

<?php
header("Content-Type: application/javascript");
$name = $_GET['name'];
$data = array("Hello", $name);

echo $_GET['callback'];
echo "(";
echo json_encode($data);
echo ");";

Then you need to alter the JS so that type: "POST" becomes type: "GET" and console.log(data.responseText); becomes console.log(data);

Alternatively, you could use another technique to bypass the same origin policy and still use POST.

score 0 · Answer 2 · answered Nov 27 '13 at 13:52

The jsonp is a old practice and a insecure one because any one can call to your script. To is very default tor retrieving errors when a jsonp call fails.

You can implement CORS headers in your request, and then you can use just a simple XHR call.

Addeding the header:

Access-Control-Allow-Origin: *

Will fix your issue, but is better use the exact domain instead of the wildcard.

Json request to another domain

2 Answers2