Come posso inviare un oggetto/array javascript come coppie chiave-valore tramite un post AJAX con easyXDM?

Question

Recentemente mi sono reso conto che dovevo usare easyXDM invece di $.ajax di jQuery per fare una richiesta di post interdominio. Dopo aver ottenuto easyXDM istituito vedo che le funzioni si allineano abbastanza da vicino:

jQuery:

$.ajax({ 
    url: "/ajax/", 
    method: "POST", 
    data: myData 
}); 

easyXDM:

xhr.request({ 
    url: "/ajax/", 
    method: "POST", 
    dataType: 'json', // I added this trying to fix the problem, didn't work 
    data: myData 
}); 

myData è messa a punto qualcosa di simile:

myData = {}; 
myData[1] = 'hello'; 
myData[2] = 'goodbye'; 
myData[3] = {}; 
myData[3][1] = 'sub1'; 
myData[3][2] = 'sub2'; 
myData[3][3] = 'sub3'; 

Quando faccio la richiesta con jQuery gestisce correttamente i sottocampi, ma non con easyXDM.

Ecco come la richiesta POST viene al server con jQuery:

screenshot-with-shadow.png http://img37.imageshack.us/img37/4526/screenshotwithshadow.png

Ed ecco come si arriva con easyXDM:

screenshot-with-shadow.png http://img204.imageshack.us/img204/4526/screenshotwithshadow.png

Come posso inviare una javascript object/array di coppie chiave-valore tramite una richiesta easyXDM/XHR come fa jQuery?

Answer 1

Alla luce delle limitazioni del easyXDM discusso nei commenti, l'unico modo è possibile utilizzarlo sarebbe quello di serializzare i dati manualmente quando si passa a .request cioè

xhr.request({ 
    url: "/ajax/", 
    method: "POST", 
    data: {jsonData: JSON.stringify(myData)} 
}); 

In alternativa è possibile creare il proprio soluzione postMessage ma escluderai IE7 e versioni successive.

Answer 2

Penso che tu abbia sbagliato nell'inviare una richiesta tra domini tramite AJAX. È possibile infatti inviare una richiesta di dominio incrociato tramite AJAX indipendentemente dall'API JavaScript. Tuttavia, per ricevere una risposta tra domini, la risposta deve essere del tipo di dati JSONP.

JSONP è semplicemente JSON con imbottitura, per esempio:

JSON:

{ Key: "Hello", Value: "World" } 

JSONP:

callback({ Key: "Hello", Value: "World" }) 

È una differenza sottile ma JSONP by-pass browser stesso criterio di origine e consente di utilizzare i dati JSON serviti da un altro server.

di consumare dati JSON provenienti da un altro server tramite jQuery AJAX provare questo:

$.ajax({ 
    url: "http://mydomain.com/Service.svc/GetJSONP?callback=callback", 
    dataType: "jsonp", 
    data: myData, 
    success: function(data) { 
     alert(data); 
    } 
}); 

Per far funzionare tutto questo è necessario assicurarsi che il vostro servizio web sta tornando risultati come JSONP e non JSON.

Answer 3

Come easyXDM non può serializzare correttamente è necessario serializzare i dati manualmente:

JSON.stringify(myData) 

Dal momento che la richiesta sarà ora contenere una stringa JSON piuttosto che oggetto poi Index.html non dovrebbe analizzare le proprietà per creare la struttura JSON . Vai a index.html che viene fornito con easyXDM e individuare il seguente codice:

var pairs = []; 
for (var key in config.data) { 
    if (config.data.hasOwnProperty(key)) { 
     pairs.push(encodeURIComponent(key) + "=" + encodeURIComponent(config.data[key])); 
    } 
} 
data = pairs.join("&"); 

Non eseguire questo codice in un caso di richiesta POST. Basta assegnare config.data ai dati:

data = config.data;