How to post json data with extJS

Question

I'm a bit of a newb with both extJS and json. What is the most painless route to POSTing json data using extJS? I'm not really interested any GUI features, just using the framework to send some sample data.

score 25 · Accepted Answer · answered May 27 '10 at 01:13

25

Ext.Ajax.request({
   url: 'foo.php',    // where you wanna post
   success: passFn,   // function called on success
   failure: failFn,
   params: { foo: 'bar' }  // your json data
});

answered May 27 '10 at 01:13

Krishna K

1,925
1
14
11

23

This will post URLencoded like data... IOW, the POST buffer will be foo=bar. If you replace the `params` for `jsonData` it will post raw JSON, so the POST buffer will be `{"foo":"bar"}` – SBUJOLD May 27 '10 at 12:48
In ExtJS 4.1 you can use the jsonData Member. – Chris Jul 03 '12 at 13:11

score 20 · Answer 2 · answered Mar 01 '12 at 06:38

The following will identify as 'POST' request

 Ext.Ajax.request({
       url: 'foo.php',    // where you wanna post
       success: passFn,   // function called on success
       failure: failFn,
       jsonData: { foo: 'bar' }  // your json data
    });

The following will identify as 'GET' request

Ext.Ajax.request({
   url: 'foo.php',    // where you wanna make the get request
   success: passFn,   // function called on success
   failure: failFn,
   params: { foo: 'bar' }  // your json data
});

you can also use `method: 'POST' / 'GET'` parameter: http://docs.sencha.com/extjs/4.1.3/#!/api/Ext.Ajax-property-method — efirat, Jun 25 '13 at 16:22

score 6 · Answer 3 · answered Oct 07 '10 at 07:46

Just to add my two cents:

//
//Encoding to JSON:
//
var myObj = {
  visit: "http://thecodeabode.blogspot.com/"
};
var jsonStr = Ext.encode(myObj);


//
// Decoding from JSON
//
var myObjCopy = Ext.decode(jsonStr);
document.location.href = myObj.visit;

Brian Moeskau · Answer 4 · 2013-03-01T08:21:50.233

3

The examples posted here show the basic idea. For complete details on all configurable options see the Ext.Ajax docs.

edited Mar 01 '13 at 08:21

answered May 27 '10 at 02:39

Brian Moeskau

20,103
8
71
73

Link is broken, have to navigate to the EXT.Ajax section – oden Jul 14 '14 at 05:36

score 0 · Answer 5 · answered Oct 18 '17 at 05:00

Code Snippet:

 Ext.Ajax.request({
    url: "https://reqres.in/api/users",
    success: function (response) {
        Ext.Msg.alert("success", response.responseText);
    },
    failure: function () {
        Ext.Msg.alert("failure", "failed to load")
    },
    params: {
        "name": "morpheus",
        "job": "leader"
    }
});

Fiddle: https://fiddle.sencha.com/#view/editor&fiddle/28h1

How to post json data with extJS

5 Answers5

Linked