How can I send an javascript object/array as key-value pairs via an AJAX post with easyXDM?

Question

Recently I realized that I needed to use easyXDM instead of jQuery's `$.ajax` in order to make a cross domain post request. After getting easyXDM set up I see that the functions line up fairly closely: 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 is setup something like: ``` myData = {}; myData[1] = 'hello'; myData[2] = 'goodbye'; myData[3] = {}; myData[3][1] = 'sub1'; myData[3][2] = 'sub2'; myData[3][3] = 'sub3'; ``` When I make the request with jQuery it handles the sub fields properly, but not with easyXDM. Here is how the POST request comes into the server with jQuery: screenshot-with-shadow.png http://img37.imageshack.us/img37/4526/screenshotwithshadow.png And here is how it comes in with easyXDM: screenshot-with-shadow.png http://img204.imageshack.us/img204/4526/screenshotwithshadow.png How can…

Accepted Answer

In light of the limitations of easyXDM discussed in the comments, the only way you can use it would be to serialize your data manually when passing it to .request i.e.

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

Alternatively you could create your own postMessage solution but you will be excluding IE7 and below.

How can I send an javascript object/array as key-value pairs via an AJAX post with easyXDM?

Solution

Problem