jquery - 一个 href 中带有 ajaxget 的 jQuery 通知

Question

我有 ajax XMLhttprequest 链接：

<a href='javascript:addtobasket100("|1|100|")' class="f">Add to basket</a>

下面是阿贾克斯：

<script type="text/javascript">
    function addtobasket100(int) {
        if (window.XMLHttpRequest) {
            xmlhttp = new XMLHttpRequest();
        }
        else {
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }

        xmlhttp.onreadystatechange = function() {
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                document.getElementById("addtobasket100").innerHTML = xmlhttp.responseText;
            }
        }
        xmlhttp.open("GET","add.php?a=" + int, true);
        xmlhttp.send();
    }
</script>

我想一键调用 ajax http 请求到 add.php 和 jquery 通知（当用户将项目添加到购物篮时），有人知道怎么做吗？

我想使用这个 jQuery 通知： http: //marcojetson.github.io/jquery-notification/和这个例子

$.createNotification({
    content: '<img src="https://twimg0-a.akamaihd.net/profile_images/770845756/45_normal.jpg"> Hi, I\'m GG Allin'
})

Answer 1

这很容易：

当您从 ajax 调用返回时，只需插入创建通知的代码

xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            document.getElementById("addtobasket100").innerHTML = xmlhttp.responseText;
            $.createNotification({
                content: 'Item Added Succesfully!!!'
            })
        }
}