Question

我想在javascript中单击Onclick函数时添加加载图像，直到我得到ajax响应。我使用下面给出的ajax请求函数..我在下面的函数中修复加载图像概念...

function removeitem(product_id, msg) {
    if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp = new XMLHttpRequest();
    } else { // code for IE6, IE5
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange = function () {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            document.getElementById('cartreturn').innerHTML = xmlhttp.responseText;
            document.getElementsByClassName('allitem').innerHTML = "Add";

        }
    }
    xmlhttp.open("GET", "/addcart.php?msg=" + msg, true);
    xmlhttp.send();
}

Answer 1

我已评论过您可以放置图片加载代码的部分

function removeitem(product_id, msg) {
    if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp = new XMLHttpRequest();
    } else { // code for IE6, IE5
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange = function () {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            document.getElementById('cartreturn').innerHTML = xmlhttp.responseText;
            document.getElementsByClassName('allitem').innerHTML = "Add";
            //Code for removing loader
        }
    }
    xmlhttp.open("GET", "/addcart.php?msg=" + msg, true);
    xmlhttp.send();
    //Code for adding loader
}

使用javascript调用ajax时的图像加载

1 个答案: