JQuery上下文菜单,ajax和加载功能

时间:2014-03-01 16:14:01

标签: jquery ajax

我正在使用Jquery Context Menu并将其与ajax函数链接以调用更新数据库的php脚本。在此之后,我希望Ajax脚本刷新上下文菜单元素(表),以便它反映对数据库所做的更改。我已经通过将所有内容放在div中来完成此操作,并且我正在尝试使用javascript load函数再次调用该页面。

我第一次从上下文菜单中选择一些东西,一切正常 - 数据库更新,div刷新和上下文菜单仍适用于新刷新的内容。但是,如果我再次使用上下文菜单,表会更新,但div不会刷新。任何人都可以看到下面的代码是否有问题...我的猜测是有一些东西阻止ajax上的成功函数运行不止一次,但我不知道是什么。以下是我到目前为止的情况:

$(function(){
    $('#the-node').contextMenu({
        selector: '.emptycell', 
        trigger: 'left',
        callback: function(key, options) {
            var m = "clicked: " + key + " on " + $(this).attr("id");
            jQuery.ajax({
                type: "POST",
                url: "inc/updatestatus.php",
                data: 'id='+$(this).attr("id")+'&status='+key,
                cache: false,
                success: function(response)
                {
                    $('#the-node').load('inc/get_dashboard.php');

                }
            });
        },
        items: {
            "s0": {name: "Status: 0", icon: "red"},
            "s1": {name: "Status: 1", icon: "blue"},
            "s2": {name: "Status: 2", icon: "green"}
        }
    });
});

谢谢!

1 个答案:

答案 0 :(得分:0)

好的,我发现解决方案是将$.ajaxSetup({ cache: false });添加到函数中,任何人都需要这个:)