jquery 显示loading.gif 图片

     在上传或者需要等待ajax返回数据的时候，页面不会动，用户体验不好，这时可以在页面上添加一个gif动画，来解决这个问题。

在页面上增加一个div标签，默认情况下不显示：

<div id="loadid" class="center" style="display: none">
    <h3>load....</h3>
    <img src="/static/images/load.gif">
</div>

<scritp>

$('#btnsend').click(function () {
    $('#loadid').show();                                                            ## 当点击btnsend按钮的时候，让gif图片显示
    $('#errorid').empty();
    postRemoteDate = {};
    var filename = $("#sf").find("option:selected").attr('sof');
    var hid = $("#host").find("option:selected").attr("hid");
    var sid = $("#sf").find("option:selected").attr('sid');
    postRemoteDate['softw'] = filename;
    postRemoteDate['remothid'] = hid;
    postRemoteDate['sid'] = sid;
    console.log(postRemoteDate);
    $.ajax({
        url: '/send-remoteserver/',
        data: postRemoteDate,
        type: 'POST',
        success: function (arg) {
            console.log(arg);
            var dict = JSON.parse(arg);
            if (dict.status) {
                $('#loadid').css('display','none');                                             # 当数据返回的时候，将图片的属性在设置为none，将图片取消
                $('#errorid').text(dict.message);
            }else{

                $('#loadid').css('display','none');
                $('#errorid').text(dict.message);

            }

        }
    })
});

</scritp>