将数据发布到 JsonP

Question

可以将数据发布到JsonP吗？或者所有数据都必须作为 GET 请求在查询字符串中传递吗？

我需要跨域发送到服务的大量数据，并且数据太大而无法通过查询字符串发送

解决此问题的选项有哪些？

Answer 1

由于 同源策略。 JSON-P 之所以有效，是因为您可以将

当然，您可以将另一个域上的页面设为常规表单 POST 的操作。

编辑：有一些有趣的技巧，如果您愿意付出大量努力插入隐藏的

Answer 2

如果需要跨域发送大量数据。我通常创建一个可以通过两个步骤调用的服务：

1. 首先，客户端执行表单提交（允许跨域发布）。该服务将输入存储在服务器上的会话中（使用 GUID 作为密钥）。 （客户端创建一个 GUID 并将其作为输入的一部分发送）

2. 然后客户端执行正常的脚本注入 (JSONP) 作为参数，您使用与 FORM 帖子中使用的相同的 GUID。该服务处理来自会话的输入并以正常的 JSONP 方式返回数据。此后，会话将被销毁。

这当然依赖于您编写服务器后端。

Answer 3

我知道这是严重的死灵术，但我想我应该使用 jQuery 发布我的 JSONP POST 实现，我已成功地将其用于我的 JS 小部件（这用于客户注册和登录）：

基本上，我正在使用IFrame 方法，如已接受的答案中所建议的。我所做的不同之处在于发送请求后，我正在观察是否可以使用计时器在 iframe 中访问该表单。当表单无法到达时，说明请求已返回。然后，我使用普通的 JSONP 请求来查询操作的状态。

我希望有人觉得它有用。在 >= IE8、Chrome、FireFox 和 Safari 中进行了测试。

function JSONPPostForm(form, postUrl, queryStatusUrl, queryStatusSuccessFunc, queryStatusData)
{
    var tmpDiv = $('<div style="display: none;"></div>');
    form.parent().append(tmpDiv);
    var clonedForm = cloneForm(form);
    var iframe = createIFrameWithContent(tmpDiv, clonedForm);

    if (postUrl)
        clonedForm.attr('action', postUrl);

    var postToken = 'JSONPPOST_' + (new Date).getTime();
    clonedForm.attr('id', postToken);
    clonedForm.append('<input name="JSONPPOSTToken" value="'+postToken+'">');
    clonedForm.attr('id', postToken );
    clonedForm.submit();

    var timerId;
    var watchIFrameRedirectHelper = function()
    {
        if (watchIFrameRedirect(iframe, postToken ))
        {
            clearInterval(timerId);
            tmpDiv.remove();
            $.ajax({
                url:  queryStatusUrl,
                data: queryStatusData,
                dataType: "jsonp",
                type: "GET",
                success: queryStatusSuccessFunc
            });
        }
    }

    if (queryStatusUrl && queryStatusSuccessFunc)
        timerId = setInterval(watchIFrameRedirectHelper, 200);
}

function createIFrameWithContent(parent, content)
{
    var iframe = $('<iframe></iframe>');
    parent.append(iframe);

    if (!iframe.contents().find('body').length)
    {
        //For certain IE versions that do not create document content...
        var doc = iframe.contents().get()[0];
        doc.open();
        doc.close();
    }

    iframe.contents().find('body').append(content);
    return iframe;
}

function watchIFrameRedirect(iframe, formId)
{
    try
    {
        if (iframe.contents().find('form[id="' + formId + '"]').length)
            return false;
        else
            return true;
    }
    catch (err)
    {
        return true;
    }
    return false;
}

//This one clones only form, without other HTML markup
function cloneForm(form)
{
    var clonedForm = $('<form></form>');
    //Copy form attributes
    $.each(form.get()[0].attributes, function(i, attr)
    {
        clonedForm.attr(attr.name, attr.value);
    });
    form.find('input, select, textarea').each(function()
    {
        clonedForm.append($(this).clone());
    });

    return clonedForm;
}

Answer 4

一般来说，JSONP 是通过向调用文档添加

现在，如果您的 JSONP 服务与您的调用页面位于同一域中，那么您可能可以通过简单的 $.ajax() 调用将某些内容拼凑在一起。如果它不在同一个域中，那么我不确定它怎么可能。

Answer 5

您可以使用 CORS 代理 使用此 项目。它将所有流量定向到您域上的端点，并将该信息中继到外部域。由于浏览器将所有请求注册到同一域中，因此我们可以发布 JSON。
注意：这也适用于服务器上保存的 SSL 证书。

Answer 6

有一个（黑客）解决方案我已经做过很多次了，你将能够使用 JsonP 发布。
（您将能够发布表单，大于 2000 个字符，超过您可以通过 GET 使用的字符）

客户端应用程序 Javascript

$.ajax({
  type: "POST", // you request will be a post request
  data: postData, // javascript object with all my params
  url: COMAPIURL, // my backoffice comunication api url
  dataType: "jsonp", // datatype can be json or jsonp
  success: function(result){
    console.dir(result);
  }
});

JAVA：

response.addHeader( "Access-Control-Allow-Origin", "*" ); // open your api to any client 
response.addHeader( "Access-Control-Allow-Methods", "POST" ); // a allow post
response.addHeader( "Access-Control-Max-Age", "1000" ); // time from request to response before timeout

PHP：

header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Methods: POST');
header('Access-Control-Max-Age: 1000');

像这样，您正在向任何发布请求开放服务器，您应该通过提供身份或其他内容来重新保护它。

使用此方法，您还可以将请求类型从 jsonp 更改为 json，两者都可以，只需设置正确的响应内容类型

jsonp

response.setContentType( "text/javascript; charset=utf-8" );

json

response.setContentType( "application/json; charset=utf-8" );

请注意，您的服务器将不再尊重SOP（同源政策），但谁在乎呢？

Answer 7

有可能，这是我的解决方案：

在您的 javascript 中：

jQuery.post("url.php",data).complete(function(data) {
    eval(data.responseText.trim()); 
});
function handleRequest(data){
    ....
}

在您的 url.php 中：

echo "handleRequest(".$responseData.")";