Store with API proxy splitting up json string.

[quentinuys]

I am having the following issue trying to return a json object via ajax and attach it to a grid. It seems that the store is splitting my result up character by character.

Here is my example.
The json object.

{"cardno":"125652","lastused":"20/01/2017","lastamount":"25.06","reversals":"15"}

And my Store.

Ext.define('CardStore', {        extend : 'Ext.data.Store',
        alias : 'store.card',
        fields: ["cardno", "lastused", "lastamount", "reversals"],
        model: 'CardModel',
        autoLoad: true,
        proxy: {
            type: 'ajax',
            url: 'http://localhost:52096',
            reader: {
                type: 'json'
            },
            api: {
                read: 'http://localhost:52096/card/CardDetails'
            }
        }
    });

If I do a getStore in the inspector, load the store and get the data, I get a constructor for each letter.

store.data.first().data

gives me

"{"

for instance. Please help me out.

[bjdurham85]

Hi--,

I can't tell the headers from your response but I put your example in a Fiddle and it seems to load and log the data. Does this work for you? And/or have you been able to get working in a grid?

https://fiddle.sencha.com/#view/editor&fiddle/1q2m

Regards,
Bryan

[quentinuys]

Hi Bryan. Thank you for your reply. I got the issue resolved. My api is written in C#. The issue was to do with my header. I returned the json string but needed to create a HttpResponse before returning it. It works well now thank you for your help.