AJAX preloader / throbber获取

Question

下面是一个AJAX函数，我试图在请求期间显示加载程序gif并在成功时隐藏。基本上我开始使用response.success中的函数，它曾经独自工作。它会创建短网址并将其设置为输入字段的值。我向其他人展示了包含该功能，但我在控制台中因为无法加载资源而出现404错误。我确信这是一个直截了当的答案，我太新了，但我觉得我很接近。非常感谢任何帮助，谢谢。

 function getShare(url)
    { 
        $('#loader').show(); // show loading...
        $.ajax({
            dataType: "jsonp",
            jsonpCallback:'apiCallback', // this will be send to api as ?callback=apiCallback because this api do not want to work with default $ callback function name
            url: 'http://b1t.co/Site/api/External/MakeUrlWithGet',
            data: {'url':url},
            success: function(response){
                $('#loader').hide(); // hide loading...
                //respponse = {success: true, url: "http://sdfsdfs", shortUrl: "http://b1t.co/qz"} 
                if(response.success){

                    {       
                    var s = document.createElement('script');
                    var browserUrl = document.location.href;
                    //alert(browserUrl);
                    if (browserUrl.indexOf("?") != -1){
                            browserUrl = browserUrl.split("?");
                            browserUrl = browserUrl[0];
                    }
                    //alert(browserUrl);

                    var gifUrl = $('#gif_input').value;
                    var vidUrl = $('#vid_input').value;
                    //alert(gifUrl + "|" + vidUrl);

                    url = encodeURIComponent(browserUrl + "?gifVid=" + gifUrl + "|" + vidUrl);
                    //alert(encodeURIComponent("&"));
                    s.id = 'dynScript';
                    s.type='text/javascript';
                    s.src = "http://b1t.co/Site/api/External/MakeUrlWithGet?callback=resultsCallBack&url=" + url;
                    document.getElementsByTagName('head')[0].appendChild(s);
                    }

    function resultsCallBack(data)
    {
        var obj = jQuery.parseJSON(JSON.stringify(data));
        $("#input-url").val(obj.shortUrl);
        }
        }
    },
        error:function(){
        $('#loader').hide();
        }
        });
    }