`
sichen84
  • 浏览: 55826 次
  • 性别: Icon_minigender_2
  • 来自: 杭州
社区版块
存档分类
最新评论

ext的ajax提交

阅读更多
var editForm=Ext.getCmp('formId').form.getValues();// formId为表单id
var beanName = 'bean.';
var bean = {};
for (var i in editForm) {
   bean[beanName + i]=editForm[i];
}
var infoArray = [];
var infoStore=Ext.getCmp('list').getStore();// list为一表格id
for (var i = 0; i < infoStore.getCount(); i++) {
  infoRecord = infoStore.getAt(i);
  if(infoRecord.dirty){
    infoArray.push(infoRecord.data);
  }
}
bean[grid] = Ext.util.JSON.encode(infoArray);
Ext.Ajax.request({
   url : saveUrl,
   method:'post',
   params : bean,
   success : function(form, action) {
      Ext.Msg.alert('提示', '操作成功');
   },
   failure : function(form, action) {
      //Ext.Msg.alert('警告', '用户名或密码错误!');
   }
})

注意:servlet中所加的属性为bean,grid,其中bean为一对象,grid为一字符串
分享到:
评论

相关推荐

    Ext ajax 上传文件

    "Ext Ajax 上传文件"这个主题涉及到的是使用Ext JS框架中的Ajax组件来实现文件的上传功能。Ext JS是一个强大的JavaScript库,专门用于构建富客户端应用程序,它提供了一系列丰富的UI组件和强大的数据管理工具。 ...

    ext Ajax库 流行

    8. **表单提交**:EXT Ajax库可以直接处理表单数据,将表单内容编码为请求体,简化表单提交操作。 9. **错误处理**:当请求出错时,EXT Ajax库会触发错误事件,帮助开发者捕获和处理错误。 10. **示例和文档**:...

    Ext.Ajax.request2.x实现同步请求

    在EXTJS库中,`Ext.Ajax.request`是用于发送Ajax请求的核心方法,它支持异步和同步操作。本文将详细解析如何利用`Ext.Ajax.request`实现同步请求,并探讨其背后的原理和注意事项。 首先,我们需要理解Ajax的本质,...

    ExtJs4.0 表单提交Demo

    在使用Ext Ajax提交表单前,通常需要先将表单数据序列化为JSON或URL编码格式。ExtJs 4.0的FormPanel对象提供了`getForm()`方法获取表单实例,然后通过`form.submit()`或`form.serialize()`方法完成数据的序列化。 ...

    完成的 Ajax 提交表单

    总结来说,本示例的"完成的Ajax提交表单"展示了如何使用Ext JS结合Ajax技术,实现无刷新的表单提交,提高Web应用的响应速度和用户体验。通过理解和实践这些知识点,开发者可以更好地构建交互性更强的Web应用程序。

    Ext AJAX submit方法实例

    Ext AJAX的`submit`方法是Ext JS框架中用于发送异步HTTP请求的重要组成部分,它主要用于处理表单数据的提交。这个方法提供了与服务器端进行数据交互的灵活性,使得无需页面刷新就能更新或保存数据,极大地提高了用户...

    EXT提交服务器的三种方式

    1. **EXT的Form表单AJAX提交**:这是EXT中最常见的提交方式,它允许你在不刷新整个页面的情况下与服务器进行异步通信。通过使用`doAction`方法,你可以方便地触发表单的提交,并指定URL、HTTP方法以及额外的参数。...

    EXT异步提交FORM表单

    EXT异步提交FORM表单的核心是通过Ajax技术实现表单数据的后台提交,而无需刷新整个页面。这种方式的主要优点在于能够提供更加流畅的用户交互体验,同时减少了服务器端的负载压力。 ##### 2.2 实现步骤 1. **初始化...

    Ext中Ajax的应用

    使用 `Ext.Ajax.request` 方法提交 XML 数据同样非常便捷。 - **基本步骤**: 1. 创建 XML 文档对象。 2. 使用 `Ext.Ajax.request` 方法发送该对象到服务器。 - **示例代码**: ```javascript function getXml...

    ext 表单提交

    通常,Ext JS的表单提交使用Ajax方式,这意味着它可以异步地将表单数据发送到服务器,无需页面刷新。这种方式提供了更好的用户体验,因为用户可以在数据提交的同时继续与应用交互。 在Ext JS中,表单(`Ext.form....

    Ext.Ajax.request 小问题收集

    此外,`Ext.Ajax.request`还支持其他高级功能,如模拟表单提交(`method: 'POST', useDefaultXhrHeader: false, headers: {'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'}`),超时设置(`...

    Ext.FormPanel 提交和 Ext.Ajax.request 异步提交函数的区别

    在EXTJS框架中,`Ext.FormPanel`和`Ext.Ajax.request`提供了两种不同的异步提交方法,它们各自有其特点和适用场景。下面我们将详细探讨这两种方式的区别。 1. **Ext.FormPanel的异步提交** `Ext.FormPanel` 是...

    Ext3.2的Ext.data.Store类和Ext.Ajax类的实际运用

    其中,我们可以看到Ext.Ajax可以实现动态与静态的方式提交到web服务器。从中可以看出,其实Ext框架可以非常方便的与现有网站集成。关于Ext.data.Store类,我们可以看出:该框架提供了客户端缓存的功能--这对于我们...

    Ext+JSP实现数据提交

    3. **Ajax请求**:使用`Ext.Ajax.request`方法发起异步请求,该方法支持POST或GET方式提交数据。在`action.js`中,可以配置请求的URL(如`action.html`),数据类型,以及成功或失败的回调函数。 4. **服务器端处理...

    ext_表单提交_数据校验

    - **Ajax提交**:通过Ajax技术,可以在不重新加载页面的情况下发送数据至服务器,提供更流畅的交互体验。 - `Ext.form.Basic`:基于`Ext.Ajax`,提供简单的异步表单提交。 - `Ext.form.Action`:封装了更多高级...

    java ajax ext实例

    表单数据可以通过Ajax提交到服务器。 7. **EXT.grid.Panel**:EXT.grid.Panel是用于展示表格数据的组件,它支持排序、分页、编辑等功能。数据可以从Ajax请求中获取并显示在表格中。 8. **EXT.util.Event**:EXT.js...

    JSP中使用EXT实现grid table

    6. Ajax集成:EXT Grid通过Ajax请求从服务器获取或提交数据,这使得页面能够在不刷新的情况下更新内容,提供了流畅的用户体验。 在JSP中使用EXT实现Grid时,我们需要以下步骤: 1. 引入EXT库:在JSP页面中引入EXT...

    基于ext-core的ajax自动保存功能

    在实际应用中,尤其是涉及在线编辑器的场景,直接使用AJAX提交数据可能会遇到编码、违禁字符和中文乱码等问题。为了解决这些问题,推荐使用form表单提交的方式,因为它能更好地处理这些问题,并且易于与Struts2等...

Global site tag (gtag.js) - Google Analytics