blocks|key|1268644|text|一般来说，JSONP是通过向调用文档添加一个<script>标记来实现的，这样JSONP服务的URL就是"src“。浏览器使用HTTP+GET事务获取脚本源。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1268645|现在，如果您的JSONP服务与您的调用页面在同一个域中，那么您可能可以通过一个简单的$.ajax()调用来拼凑一些东西。如果它不在同一个域中，那么我不确定它是如何实现的。|1268646|entityMap^0|M|8|0|16|8|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|H|3|-4|5|6|7|P|8|@]|D|@]|E|$]]]|I|$]]

<p>Well generally JSONP is implemented by adding a <code>&lt;script&gt;</code> tag to the calling document, such that the URL of the JSONP service is the "src".  The browser fetches script source with an HTTP GET transaction.</p>

<p>Now, if your JSONP service is in the same domain as your calling page, then you could probably cobble something together with a simple <code>$.ajax()</code> call.  If it's not in the same domain, then I'm not sure how it'd be possible.</p>


blocks|key|1268686|text|这是可能的，这是我的解决方案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1268687|在你的javascript中：|1268688|jQuery.post("url.php",data).complete(function(data)+{
++++eval(data.responseText.trim());+
});
function+handleRequest(data){
++++....
}|code-block|syntax|javascript|1268689|在您的url.php中：|1268690|echo+"handleRequest(".$responseData.")";|1268691|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>It is possible, here is my solution:</p>

<p>In your javascript:</p>

<pre><code>jQuery.post("url.php",data).complete(function(data) {
    eval(data.responseText.trim()); 
});
function handleRequest(data){
    ....
}
</code></pre>

<p>In your url.php: </p>

<pre><code>echo "handleRequest(".$responseData.")";
</code></pre>


blocks|key|1054033|text|我知道这是一种严肃的巫术，但我想我应该使用jQuery发布我的JSONP+post实现，我正在成功地将它用于我的JS小部件(它用于客户注册和登录)：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1054034|基本上，我使用的是IFrame方法，正如公认的答案所建议的那样。我所做的不同之处是，在发送请求之后，我会使用计时器观察表单是否可以在iframe中到达。当无法访问表单时，这意味着请求已返回。然后，我使用一个普通的JSONP请求来查询操作的状态。|1054035|我希望有人发现它是有用的。在>=IE8，Chrome，FireFox和Safari上测试过。|1054036|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_'+%2B+(new+Date).getTime();
++++clonedForm.attr('id',+postToken);
++++clonedForm.append('<input+name="JSONPPOSTToken"+value="'%2BpostToken%2B'">');
++++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="'+%2B+formId+%2B+'"]').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;
}|code-block|syntax|javascript|1054037|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|O|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|P|8|@]|9|@]|A|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>I know this is serious necromancy, but I thought I'd post my implementation of JSONP POST using jQuery, which I'm successfully using for my JS widget (this is used for customer registration and login):</p>

<p>Basically, I'm using an IFrame approach, as suggested in the accepted answer. What I'm doing differently is after sending the request, I'm watchin, if the form can be reached in the iframe, using a timer. When the form cannot be reached, it means the request has returned. Then, I'm using a normal JSONP request to query for the status of the operation.</p>

<p>I hope that someone finds it useful. Tested in >=IE8, Chrome, FireFox and Safari.</p>

<pre><code>function JSONPPostForm(form, postUrl, queryStatusUrl, queryStatusSuccessFunc, queryStatusData)
{
    var tmpDiv = $('&lt;div style="display: none;"&gt;&lt;/div&gt;');
    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('&lt;input name="JSONPPOSTToken" value="'+postToken+'"&gt;');
    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 &amp;&amp; queryStatusSuccessFunc)
        timerId = setInterval(watchIFrameRedirectHelper, 200);
}

function createIFrameWithContent(parent, content)
{
    var iframe = $('&lt;iframe&gt;&lt;/iframe&gt;');
    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 = $('&lt;form&gt;&lt;/form&gt;');
    //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;
}
</code></pre>


<p>Is it possible to post data to JsonP? Or does all data have to be passed in the querystring as a GET request?</p>

<p>I have alot of data that I need to send to the service, cross domain, and it is too large to send via the querystring</p>

<p>What are the options for getting around this?</p>


Post data to JsonP

jQuery

是否可以将数据发布到JsonP？或者所有数据都必须作为GET请求传递到querystring中？我有很多数据需要发送到服务，跨域，而这些数据太大了，无法通过querystring发送解决这个问题的选择是什么？

问将数据发布到JsonP
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将数据发布到JsonPEN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将数据发布到JsonP
EN