javascript - 如何在不返回 false 的情况下修复 div 中的返回 Ajax

Question

我正在开发一个网络应用程序，但我遇到了 Ajax 返回的问题。

我可以看到AJAX返回的结果，但是我的问题是这个结果出现了又消失了。我找到了一个返回 false 的解决方案，问题是一旦显示完成并且我返回 false，我的 div 保留在页面上但我不能重复使用我点击的按钮(调用我的 javascript 函数等等) ajax 调用)。

如果有人有解决方案。

这是代码:

<input class="Admin-Bouton" type="submit" onclick="affOtp();return false" value="Générer" form="formParametres" />

<div id="syntheseOTP"></div>

function affOtp() {
    $(function(){
        $.ajax({
            url: 'vue/ressources/affOtp.php',
            type: 'POST',
            dataType: 'html',
            data: { idEmploye: nom },
            success: function(msg) {
                console.log(msg);
                document.getElementById("syntheseOTP").innerHTML = msg;
            },
            error: function(resu, statut, erreur) {
                console.log(erreur);
                alert("papa");
            }
        });
    });
};

Answer 1

发生这种情况是因为将提交表单并刷新页面，您可以通过使用类型 button 而不是 submit 来避免这种情况:

<input id="Admin-Bouton" class="Admin-Bouton" type="button" onclick="affOtp();return false" value="Générer" form="formParametres" />

我建议在 js 代码中附加事件点击而不是内联事件 onclick :

$('#Admin-Bouton').on('click', affOtp);

HTML 将像:

<input id="Admin-Bouton" class="Admin-Bouton" type="button" value="Générer" form="formParametres" />

希望这对您有所帮助。