如何使用 extJS 发布 json 数据

Posted 2023-03-05

【中文标题】如何使用 extJS 发布 json 数据

【英文标题】：How to post json data with extJS

【发布时间】：2011-02-24 10:41:11

【问题描述】：

我对 extJS 和 json 有点陌生。使用 extJS 发布 json 数据最简单的方法是什么？我对任何 GUI 功能都不感兴趣，只是使用框架发送一些示例数据。

【参考方案1】：

代码片段：

 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

【参考方案2】：

此处发布的示例显示了基本思想。有关所有可配置选项的完整详细信息，请参阅Ext.Ajax docs。

【讨论】：

链接已损坏，必须导航到 EXT.Ajax 部分

【参考方案3】：

以下将标识为“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
);

【讨论】：

也可以使用method: 'POST' / 'GET'参数：docs.sencha.com/extjs/4.1.3/#!/api/Ext.Ajax-property-method

【参考方案4】：

只是为了加我的两分钱：

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

【参考方案5】：

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

【讨论】：

这将像数据一样发布 URLencoded ... IOW，POST 缓冲区将是 foo=bar。如果您将params 替换为jsonData，它将发布原始JSON，因此POST 缓冲区将为"foo":"bar"

在 ExtJS 4.1 中你可以使用 jsonData 成员。