php - 我想将 ajax 加载 gif 添加到我的网站，但我的代码不起作用

Question

我正在为我的网站http://notes-store.com/制作上传器

我想在.gif使用 AJAX 加载带有子类别选项的选择框时显示加载图像。

我当前的代码：

function category_change(kuchbhi) {
    var catID = $(kuchbhi).val();   
    $.ajax({
        type: "GET",
        url: "subCategory.php?category="+catID,
        beforeSend: function () {
             $("#loder").html('<img src="images/loader.gif" /> Now loding...');
        },
        success: function(data){
            $('#select3').html(data);
        }
     });
}

Answer 1

Why not add it when function starts and remove it when success is called:

function category_change(kuchbhi) {
    $("#loder").html('<img src="images/loader.gif" /> Now loding...');
    var catID = $(kuchbhi).val();   
    $.ajax({
        type: "GET",
        url: "subCategory.php?category="+catID,
        success: function(data){
            $('#select3').html(data);
            $("#loder").html('');
        }
    });
}

Note: your selector is #loder and not #loader