JsonP'ye veri gönderin

JsonP'ye veri göndermek mümkün mü? Yoksa tüm verilerin sorgu dizesinde bir GET isteği olarak iletilmesi mi gerekiyor?

Alanlar arası hizmete göndermem gereken çok sayıda veriye sahibim ve sorgu dizesi yoluyla göndermek için çok büyük

Bunu aşmak için seçenekler nelerdir?

Aynı menşe politikasınınPOST (oldukça mantıklı) sınırlaması nedeniyle, başka bir etki alanındaki bir hizmete eşzamansız yapmak mümkün değildir . JSON-P yalnızca DOM'a etiket eklemenize izin verildiği için çalışır ve bunlar herhangi bir yere işaret edebilir.<script>

Elbette, başka bir etki alanındaki bir sayfayı normal bir POST formunun eylemi yapabilirsiniz.

Düzenleme : Gizli e-postaları yerleştirmek ve özellikleriyle uğraşmak için çok fazla çaba sarf etmeye istekliysen, orada bazı ilginç hackler var <iframe>.

Alanlar arası çok fazla veri göndermeniz gerekiyorsa. Genellikle iki adımda arayabileceğiniz bir servis oluşturuyorum:

1. Önce müşteri bir FORM gönderimi yapar (izin verilen alanlar arası postayla). Hizmet, girişi sunucuda oturumda depolar (GUID'yi anahtar olarak kullanarak). (istemci bir GUID oluşturur ve bunu girdinin bir parçası olarak gönderir)

2. Ardından istemci, FORM gönderisinde kullandığınız GUID'yi kullandığınız bir parametre olarak normal bir komut dosyası enjekte (JSONP) yapar. Hizmet, oturumdaki girdiyi işler ve verileri normal JSONP tarzında döndürür. Bundan sonra seans yok edilir.

Bu elbette sunucu arka ucunu yazmanıza bağlıdır.

Bunun ciddi bir necromancy olduğunu biliyorum, ancak JSONP POST uygulamamı JS widget'ım için başarıyla kullandığım jQuery'yi kullanarak göndereceğimi düşündüm (bu, müşteri kaydı ve oturum açma için kullanılır):

Temel olarak, kabul edilen cevapta önerildiği gibi bir IFrame yaklaşımı kullanıyorum. Farklı bir şekilde yaptığım şey ise isteği gönderdikten sonra, eğer forma iframe'de ulaşılabiliyorsa, zamanlayıcı kullanarak izliyorum. Forma ulaşılamaması, talebin geri döndüğü anlamına gelir. Ardından, işlemin durumunu sorgulamak için normal bir JSONP isteği kullanıyorum.

Umarım birisi onu yararlı bulur. > = IE8, Chrome, FireFox ve Safari'de test edilmiştir.

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

Genel olarak JSONP, <script>çağıran belgeye bir etiket eklenerek uygulanır , öyle ki JSONP hizmetinin URL'si "src" olur. Tarayıcı, komut dosyası kaynağını bir HTTP GET işlemi ile alır.

Şimdi, JSONP hizmetiniz çağrı sayfanızla aynı etki alanında ise, muhtemelen basit bir $.ajax()çağrı ile bir şeyi bir araya getirebilirsiniz . Aynı etki alanında değilse, nasıl mümkün olacağından emin değilim.

Bu projeyi kullanarak bir CORS Proxy kullanabilirsiniz . Tüm trafiği alanınızdaki bir uç noktaya yönlendirir ve bu bilgiyi harici bir alana aktarır. Tarayıcı aynı etki alanında olmak için tüm istekleri kaydettiğinden, JSON gönderebiliyoruz. NOT: Bu, sunucuda tutulan SSL sertifikalarıyla da çalışır.

Birçok kez yaptığım bir (hack) çözümü var, JsonP ile gönderebileceksiniz. (GET ile kullanabileceğinizden 2000 karakterden büyük bir Form Gönderebileceksiniz)

İstemci uygulaması 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');

Böyle yaparak, sunucunuzu herhangi bir gönderi talebine açarsınız, bunu kimlik veya başka bir şey sağlayarak yeniden güvence altına almalısınız.

Bu yöntemle, istek türünü jsonp'den json'a da değiştirebilirsiniz, her ikisi de çalışır, sadece doğru yanıt içerik türünü ayarlayın

jsonp

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

json

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

Lütfen sunucunuzun artık SOP'ye (aynı menşe politikası) saygı göstermeyeceğini unutmayın, ama kimin umurunda?

Mümkün, işte benim çözümüm:

JavaScript'inizde:

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

Url.php'nizde:

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