我正在开发一个网络应用程序,但我遇到了 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");
}
});
});
};
最佳答案
发生这种情况是因为将提交表单并刷新页面,您可以通过使用类型 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" />
希望这对您有所帮助。
关于javascript - 如何在不返回 false 的情况下修复 div 中的返回 Ajax,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41140560/