提交JSONP到PHP

Question

As part of my application, I want to submit a JSON object to a PHP script which returns a JSON response. The domain is not following the same-origin policy, i.e., the JSON is submitted from a different domain, so after doing some research, I understand that I need to use JSONP. After spending more than 10 hours now, I can't think of any other solution. Can anyone help me to understand where my problem is?

Javascript snippet:

var jsondata = {
        "variablA": "valueA",
        "variables": {
            "variableB": "valueB",
            "variableC": "valueC"
        };

        var encodedjson = JSON.stringify(jsondata);



        $.ajax({
            url: 'update.php',
            type: 'POST',
            contentType: 'application/json',
            dataType: "jsonp",
            data: {
                "data": encodedjson
            },
            success: function(data) {
                alert(data);
            },
            error: function(xhr, ajaxOptions, thrownError) {
                //On error do this
                $.mobile.loading('hide')
                if (xhr.status == 200) {

                    alert(ajaxOptions);
                } else {
                    alert(xhr.status);
                    alert(thrownError);
                }
            }
        });

PHP:

$array = json_decode($_REQUEST['data'], true);

$valueA = $array['variableA'];
$valueB = $array['variables']['variableB'];
$valueC = $array['variables']['variableC'];


$values = array('variableB' => $valueB, 'variableC' => $valueC);

$respencode = array('variableA' => $valueA, 'variables' => $values);

header('Content-type: application/json');
echo json_encode($respencode);

</div>

Answer 1

For Ajax to know that it is dealing with a jsonP request, You need to rewrite the url with a callback query string like So :

url: 'update.php?callback=?'