在使用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常用方法录 Ext是一个功能强大的JavaScript库,提供了许多实用的方法来...本文总结了Ext常用方法的概述,涵盖了Ext核心方法和Ext.util.Format的常用方法。这些方法可以帮助开发者快速完成各种任务,提高开发效率。
17、Ext.KeyMap类 …………………… 19 18、Ext.util.JSON类 ……………………… 20 19、Ext.util.Format类 ………………… 20 20、Ext.util.DelayedTask类 ……………… 20 21、Ext.util.TaskRunner类 …………… ...
var jsonData = Ext.decode(response.responseText); var store = new Ext.data.JsonStore({ fields: ['name', 'value'], data: jsonData }); // 创建并显示图表,同上 } }); ``` 这里,我们向后台的`get...
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.util.JSON.decode`方法解析响应数据。 - `responseArray`包含了服务器返回的数据。 ### 总结 本文详细介绍了EXT框架中三种主要的提交方式:`form`提交、`Ajax`提交以及同步提交。每种方式都有其...
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.decode(o)`: 将 JSON 字符串转换为对象。 * `Ext.copyTo(dest, source, names)`: 拷贝 source 中的属性到 dest 中。 字符串操作 Ext 提供了一些方法来操作字符串,包括: * `Ext.util.Format.capitalize...
- `Ext.util.JSON.decode(json)`: 将JSON字符串转换为JavaScript对象。 #### 19. Ext.util.Format 类 (P.20) - **概述**:提供了数据格式化方法。 - **常用方法**: - `Ext.util.Format.date(value, format)`: ...
- `Ext.util.JSON.decode(json)`:从JSON字符串中解析出数据。 #### 十九、Ext.util.Format类(第20页) - **概述**:Ext.util.Format类提供了一组用于格式化数据的方法。 - **常用方法**: - `Ext.util.Format....
例如,你可以使用`Ext.util.JSON.decode()`方法将JSON字符串转换为JavaScript对象,然后将其加载到EXT的数据存储(如`Ext.data.Store`)中。 EXT实例与JSON的结合使用,通常涉及到以下几个关键步骤: 1. **创建...
var data = Ext.util.JSON.decode(response.responseText); console.log(data.clientName); ``` #### 五、ExtJS中的AJAX请求方法 ExtJS提供了一个强大的工具`Ext.Ajax.request`来发起HTTP请求,并处理响应。以下是...
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 克隆...
在`success`回调函数中,`response.responseText` 用于获取服务器返回的JSON字符串,然后通过 `Ext.util.JSON.decode()` 解析成JavaScript对象,以便进一步处理。如果服务器返回的数据格式如`{success: true, msg: '...
7. `Ext.decode(String json) / Ext.encode(Object obj)`: `Ext.decode`将JSON字符串转换为JavaScript对象,`Ext.encode`则将JavaScript对象转换为JSON字符串。 8. `Ext.util.Format.escapeRegex(String value)`: ...
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....
var responseArray = Ext.util.JSON.decode(response.responseText); if (responseArray.success == true) { Ext.Msg.alert('恭喜', '您已成功登录!'); } else { Ext.Msg.alert('失败', '登录失败,请重新登录...
`rs.responseText` 是从服务器返回的 JSON 字符串,我们使用 `Ext.util.JSON.decode` 将其转换为 JavaScript 对象。这个对象通常包含两部分:`columModle` 和 `fieldsNames`。`columModle` 是一个包含列定义的数组...
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....
var res = Ext.util.JSON.decode(response.responseText); var columns = res.columns; var fields = res.fields; ``` 4. **编辑器配置**:对于可编辑的列,我们还需要根据类型(如文本输入、复选框、单选按钮...