AJAX php Request to an external URL

Question

I've been trying to do an ajax post request to an external URL and when I try the same request in the website hurl.it, it gives a proper response but when I try on the browser, I don't get the browser.

In hurl.it, I'm entering the https url, content-length in the header and the request body is a json field. But when I send the same parameters using the following code, I get either 200 OK without a response or 400 denied without any response.

    var parameter = some json data;
    $.ajax({
                    url:"external-url",
                    type: 'POST',
                    data : parameters,
                    headers:{
                        "Content-Length" : 10070
                    },
                    success: function(data){
                        alert('success');
                    }
            });

Later I tried a POST request using PHP but did not get any response either.

$url = "external-url"
$data = json_encode($data1);
// use key 'http' even if you send the request to https://...
$options = array(
    'http' => array(
        'header'  => "Content-type: application/x-www-form-urlencoded\r\n",
        'method'  => 'POST',
        'content' => http_build_query($data),
        'Content-Length' => 10070
    ),
);
$context  = stream_context_create($options);
$result = file_get_contents($url, false, $context);

var_dump($result);

And the php code gives me a result bool(false). I don't know what the result means and any help would be appreciated.

@mohamedrias Yeah the ajax call is made to some other domain.. — Amit Nandan Periyapatna, May 10 '14 at 13:12

mohamedrias · Answer 1 · 2014-05-10T14:08:52.360

0

If the external url is some other domain then it's not possible to make calls to different domain as by default, Ajax calls are allowed within the same domain origin.

If it's cross domain service call, then you may need jsonp service.

here is an example:

$.ajax({
            crossDomain: true,
            url: "yourexternalURL?callback=?",
            data: parameters, // pass the data
            dataType: "jsonp",                
           //this is very important since it's the callback we will and that allow cross domain
            jsonp: 'jsonp_callback',
            success : function(data){
                 // process the data
            }
        });

In the server:

    <?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;
}
?>

edited May 10 '14 at 14:08

answered May 10 '14 at 12:48

mohamedrias

18,326
2
38
47

When I do it, I get the error SyntaxError: syntax error – Amit Nandan Periyapatna May 10 '14 at 13:14
You have to use JSONP at both ends, not just on the client. – Quentin May 10 '14 at 13:21
And now I get 414 URI too long in the response body. – Amit Nandan Periyapatna May 10 '14 at 13:23
I have updated the answer, you need to set the jsonp headers in the server as well – mohamedrias May 10 '14 at 13:24
`contentType: "application/json; charset=utf-8"` makes absolutely no sense for a GET request. There is no content to describe the type of. – Quentin May 10 '14 at 13:58
`async:false,` is horrible … and completely incompatible with JSONP. – Quentin May 10 '14 at 13:58
`jsonpCallback: 'fnsuccesscallback'` is horrible. Use a `success` function and let jQuery deal with determine the function name. – Quentin May 10 '14 at 13:59
`header('content-type: application/json; charset=utf-8');` is the wrong content-type for JSONP (it should be `application/javascript`). – Quentin May 10 '14 at 13:59
`header("access-control-allow-origin: *");` is pointless for JSONP, it only matters when you are using XHR – Quentin May 10 '14 at 14:00

AJAX php Request to an external URL

1 Answers1