【问题标题】:Submitting a JSONP to a PHP将 JSONP 提交给 PHP
【发布时间】:2016-07-14 04:14:17
【问题描述】:

作为我的应用程序的一部分,我想将一个 JSON 对象提交给一个返回 JSON 响应的 PHP 脚本。该域不遵循同源策略,即JSON是从不同的域提交的,所以经过一些研究,我知道我需要使用JSONP。现在花了10多个小时后,我想不出任何其他解决方案。谁能帮我理解我的问题在哪里?

Javascript sn-p:

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);

【问题讨论】:

  • 你读过什么关于 JSON-P 的文章?您不能仅通过更改 jQuery $.ajax() 中的 dataType 将标准 JSON 响应转换为 JSON-P。服务器端代码需要将 JSON 包装在函数调用中,即,不应使用 {"key":"val"} 响应,而是应返回 callback({"key":"val"});
  • POST 和 JSONP 不能混合使用。而且您的 PHP 代码没有返回 JSONP

标签: javascript php jquery json ajax


【解决方案1】:

要让 Ajax 知道它正在处理一个 jsonP 请求,您需要使用如下回调查询字符串重写 url:

网址:'update.php?callback=?'

【讨论】:

  • jQuery 会因为 dataType: "jsonp" 参数为您处理这些问题,但服务器端代码仍然必须以正确的格式返回响应。
猜你喜欢
  • 1970-01-01
  • 2013-10-19
  • 1970-01-01
  • 1970-01-01
  • 2015-02-21
  • 2013-08-21
  • 2012-06-04
  • 1970-01-01
  • 2013-07-04
相关资源
最近更新 更多