Ext中AJAX的4中提交方式

使用Ext.js框架进行用户信息的异步和表单提交

最新推荐文章于 2025-09-05 11:31:06 发布

wadeshenkobe

最新推荐文章于 2025-09-05 11:31:06 发布

阅读量446

点赞数

CC 4.0 BY-SA版权

分类专栏：技术类文章标签： ajax ext function action user url

本文链接：https://blog.youkuaiyun.com/wadeshenkobe/article/details/6906813

技术类专栏收录该内容

9 篇文章

订阅专栏

本文介绍了如何在Ext.js框架中实现用户信息的带参数提交、通过表单提交以及异步提交的方法。包括了基本的Ajax请求配置，以及在不同场景下的应用实例。

第一种带参数提交：

Ext.Ajax.request( {
  url : 'user_save.action',
  method : 'post',
  params : {
   userName : document.getElementById('userName').value,
   password : document.getElementById('password').value
  },
  success : function(response, options) {},
  failure : function() {}
});
第二章带form提交：

Ext.Ajax.request( {
  url : 'user_save.action',
  method : 'post',
  form : 'userForm', // 指定表单
  success : function(response, options) {},
  failure : function() {}
});
第三种 form的异步提交：

form.submit( {
waitTitle : '请稍后...',
waitMsg : '正在保存用户信息,请稍后...',
url : 'user_save.action',
method : 'post',
success : function(form, action) {},
failure : function(form, action) {}
});
第四章将HTML中的普通表单提交：

new Ext.form.BasicForm('userForm').submit( {
waitTitle : '请稍后...',
waitMsg : '正在保存用户信息,请稍后...',
url : 'user_save.action',
method : 'post',
success : function(form, action) {},
failure : function(form, action) {}
});