Question

我是JavaScript新手，我需要的是在提交表单时没有错误地将加载图像（gif）添加到以下脚本中。

我使用互联网上提供的脚本代码（类似Facebook的注册表单和jQuery）。

请帮忙吗？

$(document).ready(function () {
    $('#regForm').submit(function (e) {
        register();
        e.preventDefault();
    });
});

function register() {
    hideshow('loading', 1);
    error(0);
    $.ajax({
        type: "POST",
        url: "submit.php",
        data: $('#regForm').serialize(),
        dataType: "json",
        success: function (msg) {
            if (parseInt(msg.status) == 1) {
                window.location = msg.txt;
            } else if (parseInt(msg.status) == 0) {
                error(1, msg.txt);
            }
            hideshow('loading', 0);
        }
    });
}

function hideshow(el, act) {
    if (act) $('#' + el).css('visibility', 'visible');
    else $('#' + el).css('visibility', 'hidden');
}

function error(act, txt) {
    hideshow('error', act);
    if (txt) $('#error').html(txt);
}

Answer 1

你需要2个元素，比如你的html

<img src="loading.gif" id="loading" style="visibility:hidden">

（将显示hideshow（'loading'，1）并在服务器响应时再次隐藏。还有另一个

<img src="error.gif" id="error" style="visibility:hidden">

表示错误。当然loading.gif和error.gif可以是任何有效的图像文件。

如何将加载图像添加到JavaScript代码中

1 个答案: