• ExtJS学习心得(二)


    其实Ext.Ajax的使用并不难,只是当初我一直不清楚如何获取其返回值,搞得郁闷了一阵子,以下是一个比较简单的例子

     1Ext.Ajax.request({
     2                    url: 'Register.aspx',
     3                    params: {
     4                        oper: 'login',
     5                        LoginEmail:Ext.get('LoginEmail').dom.value,
     6                        LoginPwd:Ext.get('LoginPwd').dom.value
     7                    }
    ,
     8                    success: function(response, options) {
     9                      var responseArray = Ext.util.JSON.decode(response.responseText);                                             
    10                            if(responseArray.success=='true'){
    11                                Cookies.set('Allcard_userName', responseArray.user);
    12                                Ext.Msg.alert('信息','您已成功登录!',IsLogin);    
    13                            }

    14                            else{
    15                                Ext.Msg.alert('失败','登录失败,请确认您的帐号密码无误!');    
    16                            }

    17                    }

    18            }
    );

    代码说明:
    2行:URL参数是要提交到的页面
    3行:params是一个需要提交的参数集,使用逗号分隔
    8行:当回调成功返回后要执行的函数
    9行:获取服务器端的回调参数值
    10行:对回调值进行判断处理

    这里需要说明一下的是如何获取回调参数值,Extjs里是通过JSON的数据格式来获取参数的,因此在服务器端处理完事情后,回调的参数应该这样写:(以下是ASP.NET里的写法)

    result = "{success:true,user:'winson'}";
    Response.Write(result);
    Response.End();

    将数据以键值对的形式返回,接收时就可使用第一段代码里第9行的方法来接收,由于使用的是JSON格式,因此服务器端就可以非常方便地同时返回多个参数值了。

    Ext.Ajax基本使用就是这样,其实也挺简单的,只是如果要在提交时增加Loading效果,那就比较麻烦了,呵,这里我也没深入研究

    接下来还有比较复杂的表单应用!
  • 相关阅读:
    集合在耗时程序中流遍历、迭代遍历的效率测量对比
    花生壳内网穿透图文教程
    Vue 页面传参方式 Query 和 Params
    代码注释规范-IDEA 配置 Java 类方法注释模板
    策略模式
    RabbitMQ 在 Win10 环境下的安装与配置
    钉钉机器人SDK 封装预警消息发送工具
    [图文教程] 使用Git 提交项目到码云
    Spring 定时任务Scheduled 开发详细图文
    ORM:Chloe
  • 原文地址:https://www.cnblogs.com/winsonet/p/930727.html
Copyright © 2020-2023  润新知