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

本文介绍了如何使用Ajax的POST方法处理URL多参数提交,通过将参数转换为data对象确保稳定性。同时,文章详细讲解了如何在提交过程中添加等待动画效果,利用jQuery easyUI CSS创建动画,并在ajax的beforeSend中实现实现对话框关闭和遮罩显示,以提供更好的用户体验。
摘要由CSDN通过智能技术生成

   需求:在提交时采用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建效果

function ajaxLoading() {
    $("<div class=\"datagrid-mask\"></div>").css({
        display: "block",
        width: "100%",
        height: $(window).height()
    }).appendTo("body");
    $("<div class=\"datagrid-mask-msg\"></div>").html("正在处理,请稍候。。。").appendTo("body").css({
        display: "block",
        left: ($(document.body).outerWidth(true) - 190) / 2,
        top: ($(window).height() - 45) / 2
    }
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值