What is the simplest way to transform JSON A into JSON B using JavaScript?
JSON A:
{
"d":
[
{"__type":"Web.Controls.Shared.GeneralService+DropdownKeyValuePair","key":"0","value":"one"},
{"__type":"Web.Controls.Shared.GeneralService+DropdownKeyValuePair","key":"1","value":"two"},
{"__type":"Web.Controls.Shared.GeneralService+DropdownKeyValuePair","key":"2","value":"three"}
]
}
JSON B:
{
data:
[
{"key":"1", "value":"one"},
{"key":"2", "value":"two"},
{"key":"3", "value":"three"}
]
}
===================
Update on 8/1/2012 (solution for Ext JS with ASP.NET proxy):
I didn't mention the JavaScript framework I was using in my original question, but it appears that by setting the root property value to "d" you can effectively remove the "d" key.
var statusDropdownStore = new Ext.data.Store({
proxy: new Ext.ux.AspWebAjaxProxy({
url: '/track/Controls/Shared/GeneralService.asmx/GetDropdownOptions',
actionMethods: {
create: 'POST',
destroy: 'DELETE',
read: 'POST',
update: 'POST'
},
extraParams: {
user_login: authUser,
table_name: '[status]'
},
reader: {
type: 'json',
model: 'DropdownOption',
root: 'd'
},
headers: {
'Content-Type': 'application/json; charset=utf-8'
}
})
});
Proxy:
Ext.define('Ext.ux.AspWebAjaxProxy', {
extend: 'Ext.data.proxy.Ajax',
require: 'Ext.data',
buildRequest: function (operation) {
var params = Ext.applyIf(operation.params || {}, this.extraParams || {}),
request;
params = Ext.applyIf(params, this.getParams(params, operation));
if (operation.id && !params.id) {
params.id = operation.id;
}
params = Ext.JSON.encode(params);
request = Ext.create('Ext.data.Request', {
params: params,
action: operation.action,
records: operation.records,
operation: operation,
url: operation.url
});
request.url = this.buildUrl(request);
operation.request = request;
return request;
}
});
Combo Box (dropdown) configuration:
{
xtype: 'combo',
fieldLabel: 'Status',
emptyText: 'Select a status...',
store: statusDropdownStore,
valueField: 'key',
displayField: 'value',
mode: 'remote', // or 'local'
renderTo: document.body
},