EXTJS AJAX提交带提示框功能实现

 function save(){
   var selectedProjects = $("#selectedProjects").val();
   Ext.Msg.wait(‘处理中,请稍后...‘, ‘提示‘); //进度条等待   
    Ext.Ajax.request( {  
          url : ‘*.do?method=saveProjects‘,  
       method : ‘post‘,  
       params : {  
           personIds : $("#personIds").val(),  
           selectedProjects : selectedProjects  
          },  
          success : function(response, options) {  
             //隐藏进度条   
               Ext.Msg.hide();   
              var responseArray = Ext.util.JSON.decode(response.responseText); 
              if(responseArray.result==‘OK‘){   
               Ext.MessageBox.show({title: ‘成功‘,msg:‘修改成功!!!‘,buttons: Ext.MessageBox.OK,icon: Ext.MessageBox.SUCCESS});  
              }else{   
            //失败的几种返回情况  
              if(responseArray.errors == ‘connect‘){ 
               Ext.MessageBox.show({title: ‘失败‘,msg: ‘连接中心服务器失败,请检查网络配置!‘,buttons: Ext.MessageBox.OK,icon: Ext.MessageBox.ERROR});   
              } else if(responseArray.errors == ‘server‘) {
             Ext.MessageBox.show({title: ‘失败‘,msg: ‘服务器错误,修改失败!‘,buttons: Ext.MessageBox.OK,icon: Ext.MessageBox.ERROR});   
              } else {
               Ext.MessageBox.show({title: ‘失败‘,msg: ‘修改失败‘,buttons: Ext.MessageBox.OK,icon: Ext.MessageBox.ERROR}); 
              }
              };
        failure : function() { 
            Ext.Msg.hide();  
            Ext.MessageBox.show({title: ‘失败‘,msg: ‘修改失败‘,buttons: Ext.MessageBox.OK,icon: Ext.MessageBox.ERROR});  
        }
      }  
    });  
  }
时间: 2024-08-13 21:15:33

EXTJS AJAX提交带提示框功能实现的相关文章

ajax提交带文件同步上传

我们经常为文件上传而烦恼,最烦的莫过于,要判断我们上传的文件的大小,格式等等一系列的判断验证.这种情况我们只能通过ajax提交来验证,ajax异步提交太麻烦,自己要变异太多的代码了,其实我们在使用JQuery插件的时候,它就已经帮我们想到了,它里面ajaxSubmit就很好用,表示层代码参考如下,逻辑层代码可根据个人需求自己来写: function FileChange(Value){ if(checkFormat(Value)){ document.getElementById("upload

苹果 ios 微信浏览器界面 ajax 提交带 file 的 form 总是走error方法

1. 问题 问题出在微信端,而且是苹果机的微信端(苹果你咋这么矫情,安卓正常).:代码还是之前的代码,貌似是苹果升级系统后部分版本出现的 BUG,后来证明确实跟 ios 版本有关,网上也找过类似的解决措施: 2. 解决方法 2.1 添加 async: false(未验证) function saveUser() { $.ajax({ type:"POST", url:"SaveUser.action", data:$('#fm').serialize(), data

AJAX提交form表单带文件上传

过了三天才想要写博客,这样不好,要改正 在做毕设的时候,用户发帖涉及到了文件上传的问题,在这里记录一下 背景: 在用户发帖的时候,用户只想发表文字postText,还有些用户想在发表postText的同时还发表一些图片,如何做? 上代码 不写的太细了,和流水账似的,挑重点记录一下. 1.前台的文件上传 本来想用form表单直接上传了,但是form提交时会刷新整个页面,但这不是我想要的,所以使用了ajax提交form表单. 利用ajax提交表单需要用到jquery.form.js这个包,网上有很多

[UWP]在应用退出时弹出确认提示框

1. 需求 在应用退出时(点击右上角的关闭按钮)弹出一个确认按钮可以说是一个最常见的操作了,例如记事本的"你是否保存": 但这个功能在UWP上居然有点小复杂.这篇文章将解释如何实现这个功能. 2. CloseRequested 为了监视应用退出事件,我本来使用了CoreApplication.Exiting,但好像并不起作用,后来我就没再研究它的触发机制了.在Windows 10 Creators Update (15063)以后UWP提供了一个新的API:SystemNavigati

如何使用CSS创建巧妙的动画提示框

原文:https://webdesign.tutsplus.co...原作:Jase Smith翻译:Stypstive 当你的用户需要漂亮的图标给出额外的文字信息时,亦或是当他们在点击了按钮之后需要确认自己没点错时,又或是带图片和字幕的复活节彩蛋,提示框是用来增强用户界面的绝佳手段.现在,让我们来做几个动画提示框,没有别的,只有HTML和CSS. 样例 这是我们之后要做的: http://jsfiddle.net/kcschaefe... 在我们沉浸在写代码的过程中之前,让我们先来看看我们的意

基于jquery的提示框JavaScript 插件,类Bootstrap

目录 基于jquery的提示框JavaScript 插件,类Bootstrap 基于jquery的提示框JavaScript 插件,类Bootstrap 源码 github地址: https://github.com/Ethan-Xie/message 实例 通过此此插件可以为提示栏添加自动/点击消失的功能 用法 需引入message.css与message.js <link rel="stylesheet" href="message.css"> &l

Ajax环境下弹出提示框

在普通的ASP.NET环境中,我们要想在WEB窗体上弹出一个对话框,经常用到的是如下代码: <span style="font-family:SimSun;font-size:18px;"><span style="font-family:SimSun;font-size:18px;">Response.Write("<script language=javascript>alert('删除试题失败!')</scr

使用Less制作带箭头提示框

这里使用Less来制作带箭头的提示框,跟css比起来,方便多了,可以剩下很多的代码,别的不扯了,先看看效果吧. 这里我实现了4个方向的提示框,下面是具体实现代码: 提示框代码: <div class="top_prompt"> <div class="top_triangle"> <span class="line"></span> <span class="back"&g

struts下ajax提交与页面进行提示 返回值为null

@Override    public String execute() throws Exception {        if ("none".equals(task)) {            HttpServletResponse response = ServletActionContext.getResponse();            response.setContentType("text/html;charset=GBK"); PrintW