web-dev-qa-db-ja.com

extJSでjsonデータを投稿する方法

私はextJSとjsonの両方を使ったちょっとした新人です。 extJSを使用してjsonデータをPOSTする最も簡単な方法は何ですか？フレームワークを使用してサンプルデータを送信するだけで、GUIの機能にはあまり興味がありません。

htmljsonpostextjs
20
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

以下は '[〜＃〜] 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
    });

以下は '[〜＃〜] 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

ちょうど私の2セントを追加するには：

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

ここに掲載されている例は、基本的な考え方を示しています。すべての構成可能なオプションの詳細については、 Ext.Ajax docs を参照してください。

3
Brian Moeskau

コードスニペット：

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

フィドル： https://fiddle.sencha.com/#view/editor&fiddle/28h1

0
Saurabh Nemade