由Ext界面提交到action的两种方法

第一种

Ext.getCmp("save").on('click', loginFun);//点击id为save的按钮时,执行loginFun函数

function loginFun() {
 var w = Ext.getCmp("_window");
 var f = Ext.getCmp("modifyForm");//取组件
 var newPwd = Ext.getCmp("newPwd").getValue();//取值
 var oldPwd = Ext.getCmp("oldPwd").getValue();
 var confirm = Ext.getCmp("confirm").getValue();
 if (newPwd != confirm) {
  Ext.Msg.alert('两次输入的密码不一致');
 } else {
  var para = {//参数
   oldPwd : oldPwd,
   newPwd : newPwd
  };
  var url = 'userInfo.do?method=changePwd';//要提交到的actionURL
  Ext.Ajax.request({//ajax提交
     url : url,
     params : para,
     method : 'POST',
     success : function(xmlhttp, request) {//提交服务器返回值

      res = Ext.util.JSON.decode(xmlhttp.responseText);
      if (res.result == 'success') {//action返回值
       w.close();
       Ext.Msg.alert('成功', '修改密码成功!');

      } else {
       w.close();
       Ext.Msg.alert('失败', '原密码错误!');
      }
     },
     failure : function(xmlhttp, request) {
      w.close();
      Ext.Msg.alert('错误', "服务器错误");
     }

    });
 }

}

第二种

Ext.getCmp("save").on('click',submit);//点击id为save的按钮时,执行loginFun函数

function submit(){
var w = Ext.getCmp("_window");
var f = Ext.getCmp("userForm");
f.form.submit({//表单提交
url: 'userInfo.do?method=save',
method: 'POST',
success:function(form,action){
 w.close();
   Ext.Msg.alert('成功','提交成功');
},
failure:function(form,action){
 w.close();
   Ext.Msg.alert('失败','提交失败');
}
});
}

时间: 2024-10-26 11:04:50

由Ext界面提交到action的两种方法的相关文章

spring mvc 防止重复提交表单的两种方法,推荐第二种

第一种方法:判断session中保存的token 比较麻烦,每次在提交表单时都必须传入上次的token.而且当一个页面使用ajax时,多个表单提交就会有问题. 注解Token代码: package com.thinkgem.jeesite.common.repeat_form_validator; import java.lang.annotation.ElementType; import java.lang.annotation.Retention; import java.lang.ann

用JS动态改变表单form里的action值属性的两种方法_javascript技巧

方法1: <form id="form1" name="form1" method="post" action="../news/index.asp"> <table width="100%" height="43" border="0" cellpadding="0" cellspacing="0">

jquery的ajax提交form表单的两种方法小结(推荐)_jquery

jquery的ajax提交form表单的两种方法小结(推荐) 方法一: function AddHandlingFeeToRefund() { var AjaxURL= "../OrderManagement/AjaxModifyOrderService.aspx"; alert($('#formAddHandlingFee').serialize()); $.ajax({ type: "POST", dataType: "html", url:

利用JavaScript阻止表单提交的两种方法_javascript技巧

在JavaScript中,阻止表单默认提交行为的方法有两种,分别是: (1) return false 示例代码 <form name="loginForm" action="login.aspx" method="post"> <button type="submit" value="Submit" id="submit">Submit</button&g

vc60-VC(MFC)串口调试界面添加一个按钮控制两种颜色变换的指示灯。谢谢!!!

问题描述 VC(MFC)串口调试界面添加一个按钮控制两种颜色变换的指示灯.谢谢!!! 用MFC做出来一个只能发送和接受的界面之后,需要添加一个或两个按钮控制两种颜色变换.请问是指示灯吗?代码怎么写?谢谢. 解决方案 直接放一个static控件,准备两个图片,一个红灯一个绿灯 直接画http://blog.csdn.net/lujianfeiccie2009/article/details/7281996 当然,也可以不用先准备图片,而直接通过画圆.填充绘制出灯.

Jquery中ajax提交表单几种方法(get、post两种方法)_AJAX相关

在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$( 表单ID) serialize();就行了,下面我来介绍两个提交表单数据的方法.$get方式提交表单get() 方法通过远程HTTP ,下面我来介绍两个提交表单数据的方法. $get方式提交表单 get() 方法通过远程 HTTP GET 请求载入信息 格式 $(selector).get(url,data,success(response,status,xhr),dataType

ASP.Net中利用CSS实现多界面的两种方法_实用技巧

本文实例讲述了ASP.Net中利用CSS实现多界面的两种方法.分享给大家供大家参考.具体实现方法如下: 可以通过使页面动态加载不同CSS来实现多界面的效果: 方法一: 复制代码 代码如下: <%@page language="C#"%> <%@import namespace="System.Data"%> <script language="c#" runat="server"> publ

JavaScript禁止用户多次提交的两种方法_javascript技巧

[当服务器超载时,会出现提交卡顿的现象,但是用户在操作时,会不停重复点击提交,会造成服务器压力更大.所以我们需要进行限制] [1]将提交按钮禁止 <html> <head> <script> //禁止默认行为 因为这里要模拟服务器超载的时候,所以需要先禁止掉submit按钮自动提交的功能 function preventDef(event){ event=event||window.event; if(event.preventDefault){ return even

jQuery的 $.ajax防止重复提交的两种方法(推荐)_jquery

下面给大家带来两种关于jquery 的ajax防止重复提交的解决方法,具体介绍如下所示: 1.第一种,对于onclick事件触发的的ajax 可以采用如下方法: 即在beforeSend中使点击按钮不可用,ajax结果返回后置为可用 $.ajax( { type: 'POST', url: APP+'?m=Shopping&a=ajaxSubmitorder&sid='+sid+'&src='+src, cache:false, dataType: 'json', data: {'