2010-05-26 17 views
19

Soy un poco nuevo con extJS y json. ¿Cuál es la ruta más indolora para la POSTING de datos JSON utilizando extJS? No me interesan las características de la GUI, solo uso el marco para enviar algunos datos de muestra.Cómo publicar datos json con extJS

Respuesta

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

Oh, wow, que era mucho más fácil de lo que esperaba. ¡¡¡¡¡Gracias!!!!! – maximus

+22

Esto publicará URL como datos codificados ... IOW, el búfer POST será foo = bar. Si reemplaza 'params' por' jsonData', se publicará JSON sin procesar, por lo que el buffer POST será '{" foo ":" bar "}' – SBUJOLD

+0

En ExtJS 4.1 puede usar el miembro jsonData. – Chris

3

Los ejemplos publicados aquí muestran la idea básica. Para obtener detalles completos sobre todas las opciones configurables, consulte Ext.Ajax docs.

+0

El enlace está roto, tiene que navegar hasta la sección EXT.Ajax – oden

6

Sólo para añadir mi granito de arena:

// 
//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; 
19

A continuación se identificará como petición de los POSTAL '

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

A continuación se identificará como 'GET' solicitud

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 
}); 
+1

, también puede usar el parámetro 'method: 'POST'/'GET'': http://docs.sencha.com/extjs/4.1.3/#! /api/Ext.Ajax-property-method – efirat

0

Fragmento de código:

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" 
    } 
}); 

violín: https://fiddle.sencha.com/#view/editor&fiddle/28h1

Cuestiones relacionadas