简单的 jsonp 不适用于 php 服务器

Question

我尝试了一些基本示例，但它不起作用。我不确定我是否完全理解 jsonp，但我遵循了基本教程，并且在直观的层面上，我看不出有什么问题。 （当然，我遗漏了一些东西，因此提出了这个问题）。

JavaScript 代码：

postData = $(this).serialize();

console.log(postData);

$.ajax({

    data: postData,
    url: 'externaldomain.php',
    dataType: 'jsonp',

    success: function(data){
        console.log(data);
        alert('Your comment was successfully added');
    },
    error: function(){
        console.log(data);
        alert('There was an error adding your comment');
    }
});

PHP 代码：

$tag = mysql_real_escape_string($_GET["callback"]);

烦人的部分是它甚至没有向我显示谷歌的错误。

谁能帮忙解决一下问题？

Answer 1

你不能 POST 使用 JSONP... 它根本不起作用... 所以你通常只能执行 GET 请求。您不能执行 POST 请求。

有关 jsonp 如何工作的详细信息，请参阅这篇不错的文章。 jsonp-how-does-it-work

为了更清楚： 查看其他 SO 问题 Link1 Link 2

但是有一些限制可以解决这个问题，看看这个Using PUT/POST/DELETE with JSONP and jQuery。 （对我来说根本没有任何作用）

Answer 2

由于您尚未发布完整或相关的 PHP 代码，我将假设它看起来像这样

$tag = mysql_real_escape_string($_GET["callback"]);
echo $tag."(";
// print json here
echo ")"

我不太确定 jquery 是如何处理 jsonp 请求的，但我以前做的是向 DOM 添加一个新的脚本标签，看起来像这样

<script> function cb(json) { alert(json); } </script> // (I)
<script src="{url}?callback=cb"></script> // (II)

当 (II) 被加载时，因为我们有一个回调，所以我们包含在 DOM 中的脚本看起来像这样

cb({
   // json goes here
})

这很像对我们正在使用的某个名为cb 的函数的函数调用。因此很自然地实现cb（在（I）中）。该实现类似于 jQuery 的 ajax 中的 success(data) 函数。用于使用和操作请求的json

但是我注意到您正在使用 jsonp 沿着 ajax 调用执行 POST 请求。不幸的是（根据这个问题How to make a jsonp POST request that specifies contentType with jQuery?），由于实现目的，使用 JSONP 进行 POST 是不可行的。