web-dev-qa-db-fra.com

Comment publier des données JSON avec extJS

Je suis un peu un newb avec les deux extJS et json. Quel est le moyen le plus simple de publier des données JSON avec extJS? Je ne suis pas vraiment intéressé par les fonctionnalités de l'interface graphique, juste en utilisant le framework pour envoyer des exemples de données.

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

Les éléments suivants s'identifieront comme demande 'POST'

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

Ce qui suit s'identifiera comme demande 'GET'

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
});
20
Sandeepan Kundu

Juste pour ajouter mes deux centimes:

//
//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;
6
Ben

Les exemples affichés ici montrent l'idée de base. Pour plus de détails sur toutes les options configurables, voir la documentation Ext.Ajax .

3
Brian Moeskau

Extrait de code:

 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

0
Saurabh Nemade