Inviare dati a JsonP

Question

È possibile inviare dati a JsonP? O tutti i dati devono essere passati in querystring come una richiesta GET?

Ho un sacco di dati che ho bisogno di inviare al servizio, dominio croce, ed è troppo grande per contattare direttamente via querystring

Quali sono le opzioni per ottenere intorno a questo?

Answer 1

Non è possibile eseguire uno POST asincrono su un servizio su un altro dominio, a causa della (abbastanza ragionevole) limitazione dello same origin policy. JSON-P funziona solo perché ti è permesso inserire i tag <script> nel DOM e possono puntare ovunque.

È possibile, ovviamente, creare una pagina su un altro dominio l'azione di un modulo POST regolare.

Edit: Ci sono alcuni interesting hacks là fuori, se siete disposti ad andare a un sacco di fatica inserire nascosti s e pasticciare in giro con le loro proprietà.

Answer 2

Generalmente, JSONP viene implementato aggiungendo un tag <script> al documento chiamante, in modo tale che l'URL del servizio JSONP sia "src". Il browser recupera l'origine dello script con una transazione HTTP GET.

Ora, se il servizio JSONP si trova nello stesso dominio della pagina chiamante, è probabile che si possa associare qualcosa a una semplice chiamata $.ajax(). Se non si trova nello stesso dominio, non sono sicuro di come sarebbe possibile.

Answer 3

Se è necessario inviare molti dati tra domini diversi. Generalmente creo un servizio che è possibile chiamare in due passaggi:

1. Prima il client invia un FORM (post consentito dominio incrociato). Il servizio memorizza l'input nella sessione sul server (utilizzando il GUID come chiave). (il client crea un GUID e lo invia come parte dell'input)

2. Quindi il client esegue un normale script-inject (JSONP) come parametro per utilizzare lo stesso GUID utilizzato nel post FORM. Il servizio elabora l'input dalla sessione e restituisce i dati nel normale modo JSONP. Dopo questo la sessione viene distrutta.

Questo ovviamente si basa sul server back-end.

Answer 4

E 'possibile, ecco la mia soluzione:

Nel vostro javascript:

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

Nel vostro url.php:

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

Answer 5

C'è una soluzione (hack) ho lo ha fatto molte volte, sarete in grado di pubblicare con JsonP. (Sarete in grado di modulo per l'inserimento, più grande di 2000 char che è possibile utilizzare da GET) applicazione client

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

In questo modo, si sta aprendo il server a qualsiasi richiesta di post, è necessario ripristinarlo fornendo identità o qualcos'altro.

Con questo metodo, si potrebbe anche cambiare il tipo di richiesta da jsonp a JSON, sia il lavoro, è sufficiente impostare la risposta giusta tipo di contenuto

jsonp

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

JSON

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

Si prega di notare che il server non rispetterà più SOP (stessa origine nella politica), ma a chi importa?

Ultima domanda

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 Problemi correlati

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.