javascript onclick 方法仅有效一次

Question

当我第一次单击Button时，func1工作正常，但当我再次单击它时，它不起作用。

即使alert('func1')也不起作用

我做错了什么？

function func2(id) {
    $.ajax({
        url: "url2",
        type: "POST",
        data: {
            id: id,
        },
        cache: false,
        dataType: 'json',
        success: function (data) {
            if (data.status == 'success') {
                //do something
            } else {
                //do something
            }
        },
        complete: function (XMLHttpRequest, status) {
            //
        }
    });
}

function func1(id) {
    alert('func1');
    var flag = false;
    $.ajax({
        url: "url1",
        type: "POST",
        data: {
            id: id,
        },
        cache: false,
        async: false,
        dataType: 'json',
        success: function (data) {
            if (data.status == 'false') {
                //do something
                flag = true;
            }
        },
    });

    if (flag) {
        func2(id);
    }
}

<a id="xx_1" onclick="func1(1);">Button</a>
<a id="xx_2" onclick="func1(2);">Button</a>
.... 
<a id="xx_n" onclick="func1(n);">Button</a>

Answer 1

成功后尝试在func1中添加“complete: function(){}”

function func1(id) {alert('func1');
    var flag = false;
    $.ajax({
        url : "url1",
        type : "POST",
        data:{
            id : id,
        },
       cache : false,
       async : false,
       dataType : 'json',
       success : function(data) {
            if(data.status == 'false') {
                //do something
                flag = true;
            } 
       },
       complete: function(){}
    });