Ajax URL多参数实现提交时的等待动画功能

骑猪看日落 2022-05-17 04:24 138阅读 0赞

需求：在提交时采用ajax的POST方法，并实现动画功能。

1、URL多参的解决：URL请求时，带了几个参数，尝试"url?a="+a+"&b"+b时，发现稳定性不佳，经常丢失第2个参数，于是改为data:\{key:value,key2:value2\}的形式，完美解决。

dataType: 'json',
    url: $url,
    data: {period: $('#period').find("option").val(), citycode: citycode.getValue()},

2、提交时的等待动画：

A。先用jquery easyUI css建效果

B、接着在ajax中将动画放上去，因为有dialog对话框，先要将dialog关闭，再加上遮罩，在beforeSent中实现，代码：

$.ajax({
        type: 'POST',
        dataType: 'json',
        url: $url,
        data: {period: $('#period').find("option").val(), citycode: citycode.getValue()},
        async: true,
        beforeSend:function () {
            $('#poly').dialog('close');
            ajaxLoading();
        } ,
        success: function (rs) {
            if (rs.success) {
                $.slideMsg(rs.msg);
                $grid.datagrid('load');
                ajaxLoadEnd();
            } else {
                $.messager.alert("错误", rs.msg, "error");
                ajaxLoadEnd();
            }
        }