码迷,mamicode.com
首页 > Web开发 > 详细

ajax的异步请求

时间:2017-08-09 13:00:20      阅读:189      评论:0      收藏:0      [点我收藏+]

标签:异步请求   code   exp   常见   rip   success   用户   结果   class   

  $("#form1").attr("action", url);
                var formData = $("#form1").serialize();
                $.ajax({
                    type: "POST",
                    url: "/tohersystem/dataexport/migration.do",
                    dataType: "json",
                    data: formData,
//                    async:false,
                    beforeSend: function () {
                        layer.load(1);
                    },
                    success: function (returnData) {
                        if (returnData.code == "success") {
                            window.location.href = ‘/FileDownload?filePath=‘+returnData.msg
                            layer.closeAll();
                        } else{
                            layer.closeAll();
                            layer.msg(returnData.msg, {icon: 5, time: 1000});
                            layer.close();
                        }
                    }
                });

  

  1. layer.load()  显示的是一个加载中的动画;

  2. 关于参数,layer.load();

    例子1:

    layer.load (0);

    参数可以设置为0、1、2分别代表不同的动画效果;

    例子2:

  layer.load(2, {time: 3*1000});

  //表示动画效果为2,最长停留时间为3秒

    3. 注意

    layer.load()一般不会自动关闭,调用layer.load()一般是ajax()回调后处理的,如果回调没有结果或者数据错误,就执行;如果执行完毕,就关闭layer.load();

关闭方法:layer.close();    

 

常见的一种效果,在用ajax请求时,没有返回前会出现前出现一个转动的loading小图标或者“内容加载中..”,用来告知用户正在请求数据。这个就可以用beforeSend方法来实现。

ajax的异步请求

标签:异步请求   code   exp   常见   rip   success   用户   结果   class   

原文地址:http://www.cnblogs.com/itchenfirst/p/7324364.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!