各位前端AJAX大神，请教个问题！我实在没辙了~谢谢

[jiayouzl]

function loadtoday(val){
    $(document).ajaxStart(function(){
        alert('1');
    });

    $.post("{:U('Index/exptoday')}", {func: val},
        function(data) {
            if (data.status == 1) {
                layer.alert(data.text, 9,function(index){
                    window.location.reload();
                });
            }else{
                layer.alert(data.text, 8);
            }
    }, "json");

    $(document).ajaxComplete(function(){
        alert('2');
    });
}

上面是我写的AJAX提交POST的代码，问题是这样的。

在我提交的页面在没有刷新(F5)的前提下，点击1次按钮提交，会弹出1次信息框1和信息框2。这是正常的。

问题来了。

在不刷新当前页面的前提下，在点击按钮提交这个，会出现2次信息框1和信息框2。

。。。。。。

在不刷新当前页面的前提下，在点击按钮提交这个，会出现5次信息框1和信息框2。

请问这是怎么回事，谢谢大家，要怎么改？谢谢

[hookee]

$(document).ajaxStart()和ajaxComplete()这两段代码从loadtoday中拿出来， 放到 window.onload=function(){ xxxx } 中 或相关框架的 页面加载完成 的事件中， 这样就只赋值一次了，试试看。

[jiayouzl]

感谢2位朋友，1人10分，分数不多感谢！

[xuzuning]

$(function() {
    $(document).ajaxStart(function(){
        alert('1');
    });
    $(document).ajaxComplete(function(){
        alert('2');
    });
});
function loadtoday(val){
.....

事件绑定，一次就够了