`

Ext Ext.Decode = Ext.util.JSON.Decode 方法介绍

阅读更多
在使用Ext 执行数据操作的时候 ,有时候我们需要和后台服务器交换数据,

        如果是做表单数据提交的时候由于要提交大量数据,我们通常的方法是:

{
                    name: "save",
                    id: "save",
                    text: "保存",
                    tooltip: "保存公司信息",
                    disabled: true
                    , handler: function() {
                        var baseForm = companyFormPaenl.getForm();


                        if (baseForm.isValid()) {
                            //弹出效果
                            Ext.MessageBox.show({
                                msg: '正在保存,请稍等...',
                                progressText: 'Saving...',
                                width: 300,
                                wait: true,
                                waitConfig: { interval: 200 }


                            });


                            baseForm.submit({
                                url: "URL/CompanyInfo/SaveCompanyInfo.aspx",
                                method: "POST",
                                success: function(form, action) {
                                    var flag = action.result.success;
                                    if (flag == true) {
                                        Ext.MessageBox.alert("恭喜", "公司保存成功!");
                                    }


                                },
                                failure: function(form, action) {


                                    Ext.MessageBox.alert("提示!", "公司保存失败!");


                                }


                            });
                        }


                    }
                }


这样将会使用 POST  方式把我们的数据全部提交给后台服务器,

但是有时候我们只是做删除操作只需要传递简单的几个数据过去,所以不需要大费周折使用上面的方法执行操作,这样我们可以使用Ext 另外一个方法:

   name: "delete",
                    id: "delete",
                    text: "删除",
                    tooltip: "删除公司信息",
                    disabled: true
                    , handler: function() {


                        Ext.Ajax.request({
                            url: "URL/CompanyInfo/DeleteCompanyInfo.aspx",
                            method: "POST",
                            params: { id: Ext.get("hidCompanyId").dom.value },
                            success: function(response, options) {                               
                                var jsonObj = Ext.decode(response.responseText);


                                Ext.Msg.alert("提示", "删除成功");
                            },
                            failure: function(response, options) {
                                Ext.Msg.alert("提示", "删除失败");
                            }


                        });


                    }
                }





             这个方法的返回值用response.responseText 得到,但是大家注意,response.responseText 返回的是一个字符串,如果要把他转换成对象,使用

  Ext.Decode() , 他讲字符串转换成一个 json 对象,注意:response.responseText  格式要有严格要求,

    这里提供两个response.responseText  例子: "{ 'success':true, 'msg':'恭喜你,操作成功!', 'action':'1' }";

           var jsonObj = Ext.decode(response.responseText);

      这样将会产生一个 Json 对象了

分享到:
评论

相关推荐

    Ext常用方法录.pdf

    Ext常用方法录 Ext是一个功能强大的JavaScript库,提供了许多实用的方法来...本文总结了Ext常用方法的概述,涵盖了Ext核心方法和Ext.util.Format的常用方法。这些方法可以帮助开发者快速完成各种任务,提高开发效率。

    EXT核心API详解

    17、Ext.KeyMap类 …………………… 19 18、Ext.util.JSON类 ……………………… 20 19、Ext.util.Format类 ………………… 20 20、Ext.util.DelayedTask类 ……………… 20 21、Ext.util.TaskRunner类 …………… ...

    ext3.*画图的例子

    var jsonData = Ext.decode(response.responseText); var store = new Ext.data.JsonStore({ fields: ['name', 'value'], data: jsonData }); // 创建并显示图表,同上 } }); ``` 这里,我们向后台的`get...

    Ext 异步加载添加 删除节点 修改combobox选择项

    var responseArray = Ext.util.JSON.decode(response.responseText); var id = responseArray.id; var text = responseArray.text; var url = responseArray.url; var newNode = new Ext.tree.AsyncTreeNode({...

    EXT的3中提交方式

    - 同样使用`Ext.util.JSON.decode`方法解析响应数据。 - `responseArray`包含了服务器返回的数据。 ### 总结 本文详细介绍了EXT框架中三种主要的提交方式:`form`提交、`Ajax`提交以及同步提交。每种方式都有其...

    ext前台接收action传过来的json数据示例_.docx

    1. 使用`Ext.util.JSON.decode`函数:`var dagl_jg = Ext.util.JSON.decode(response.responseText).dagl_jg;` 这是EXT JS提供的内置函数,它将JSON字符串解码为JavaScript对象。 2. 使用`eval`函数:`var json = ...

    Ext常用方法录.docx

    * `Ext.decode(o)`: 将 JSON 字符串转换为对象。 * `Ext.copyTo(dest, source, names)`: 拷贝 source 中的属性到 dest 中。 字符串操作 Ext 提供了一些方法来操作字符串,包括: * `Ext.util.Format.capitalize...

    extjs帮助文档pdf版

    - `Ext.util.JSON.decode(json)`: 将JSON字符串转换为JavaScript对象。 #### 19. Ext.util.Format 类 (P.20) - **概述**:提供了数据格式化方法。 - **常用方法**: - `Ext.util.Format.date(value, format)`: ...

    extjs帮助文档

    - `Ext.util.JSON.decode(json)`:从JSON字符串中解析出数据。 #### 十九、Ext.util.Format类(第20页) - **概述**:Ext.util.Format类提供了一组用于格式化数据的方法。 - **常用方法**: - `Ext.util.Format....

    EXT实例+JSON

    例如,你可以使用`Ext.util.JSON.decode()`方法将JSON字符串转换为JavaScript对象,然后将其加载到EXT的数据存储(如`Ext.data.Store`)中。 EXT实例与JSON的结合使用,通常涉及到以下几个关键步骤: 1. **创建...

    extjs的数据传递

    var data = Ext.util.JSON.decode(response.responseText); console.log(data.clientName); ``` #### 五、ExtJS中的AJAX请求方法 ExtJS提供了一个强大的工具`Ext.Ajax.request`来发起HTTP请求,并处理响应。以下是...

    ExtJSWeb应用程序开发指南(第2版)

    6.9 Ext.util.JSON编码和解码Json对象 6.9.1 decode() 6.9.2 encode() 6.10 Ext.util.MixedCollection 6.10.1 向集合加入对象 6.10.2 将数组中的对象加入到集合中 6.10.3 移除集合中的对象 6.10.4 克隆...

    extjs文档的详细介绍

    在`success`回调函数中,`response.responseText` 用于获取服务器返回的JSON字符串,然后通过 `Ext.util.JSON.decode()` 解析成JavaScript对象,以便进一步处理。如果服务器返回的数据格式如`{success: true, msg: '...

    Ext.js核心函数详解.docx

    7. `Ext.decode(String json) / Ext.encode(Object obj)`: `Ext.decode`将JSON字符串转换为JavaScript对象,`Ext.encode`则将JavaScript对象转换为JSON字符串。 8. `Ext.util.Format.escapeRegex(String value)`: ...

    Ext树例子

    var treeData = Ext.decode(Ext.util.ReadFile('tree1.txt')); // 创建TreeStore实例 var store = Ext.create('Ext.data.TreeStore', { root: {children: treeData}, proxy: { type: 'ajax', url: 'tree1....

    ext form 表单提交数据的方法小结

    var responseArray = Ext.util.JSON.decode(response.responseText); if (responseArray.success == true) { Ext.Msg.alert('恭喜', '您已成功登录!'); } else { Ext.Msg.alert('失败', '登录失败,请重新登录...

    ext grid 动态扩展

    `rs.responseText` 是从服务器返回的 JSON 字符串,我们使用 `Ext.util.JSON.decode` 将其转换为 JavaScript 对象。这个对象通常包含两部分:`columModle` 和 `fieldsNames`。`columModle` 是一个包含列定义的数组...

    spring mvc +Extjs

    var jsonResp = Ext.util.JSON.decode(response.responseText); Ext.Msg.alert("Info", "UserName from Server : " + jsonResp.username); }, failure: function(response) { var jsonResp = Ext.util.JSON....

    grid动态生成列参考!

    var res = Ext.util.JSON.decode(response.responseText); var columns = res.columns; var fields = res.fields; ``` 4. **编辑器配置**:对于可编辑的列,我们还需要根据类型(如文本输入、复选框、单选按钮...

Global site tag (gtag.js) - Google Analytics