zoukankan      html  css  js  c++  java
  • 完整版AJAX(网络不好时状况处理)

    之前的AJAX在应用中有一个非常重要的问题,那就是如果用户网络不好的情况下,虽然没有刷新页面,会出现长时间数据展示等待的情况(点击按钮等后出现长时间数据没有展示的情况).这个时候需要用到AJAX的beforeSend事件和complete事件,目的是为了告诉用户,不是页面卡住了,而是数据正在加载,让耐心用户等待而不是乱点击操作出现不必要的问题.

        $("#XG").live("click", function () {
            var a = $(this).attr("class");
            $.ajax({
                url: "updata1.ashx",
                data: { "ids": a },
                type: "post",
                dataType: "json",
                success: function (m) {
                    $("#tids").val(m[0].ids);
                    $("#tname").val(m[0].name);
                    if (m[0].sex == 'True')
                        $("#tsex").children("input:eq(0)").get(0).checked = true;
                    else
                        $("#tsex").children("input:eq(1)").get(0).checked = true;
                    $("#tbirthday").val(m[0].birthday);
                    $("#DropDownList1").val(m[0].nation);
                    $("#DropDownList2").val(m[0].class);
                    $("#tscore").val(m[0].score);
                },
                error: function () { alert("数据错误!"); },
                beforeSend: function () { $("#waiting").css("display", "block"); },//在接收到数据之前会执行
                complete: function () {   //接收到数据后会执行这个
                    $("#waiting").css("display", "none");
                    $("#tc").animate({ top: 100 }, 500);
                    $("#tc-zz").css("display", "block");
                }
            });
        });

    这样这个点击事件在没有返回数据之前会一直出现一个等待界面,在接收到数据后等待界面消失,执行后面的操作

  • 相关阅读:
    web-火狐浏览器下载地址
    如何使用jmeter录制app脚本
    Jmeter参数化(jmter和badboy的配合使用)
    monkey常用命令详解(多参数化)
    monkey常用命令
    mysql数据库命令
    Linux命令
    循环语句的使用
    K8S学习笔记一:K8S的基础概念
    jmeter做尖峰测试(浪潮测试)
  • 原文地址:https://www.cnblogs.com/zhangxin4477/p/6955426.html
Copyright © 2011-2022 走看看