gpt4 book ai didi

javascript - js编辑的div内容消失

转载 作者:行者123 更新时间:2023-11-29 14:43:21 25 4
gpt4 key购买 nike

您好,在 ajax 调用成功后,我将内容附加到 div。但是很快附加的文本就消失了。为什么会这样,你能帮忙吗?

我的 js 保存在另一个文件中,js 通过按钮点击事件调用。

HTML:

<html>

<head> </head>

<body>
<script type='text/javascript' src='jq/jquery.js'></script>
<script type='text/javascript' src='js/bootstrap.min.js'></script>
<script type='text/javascript' src='js/script.js'></script>
<br/>

<form name="form">
<input type="text" id="uname" name="uname">
<input type="submit" onclick="postData()" id="data-submit">
</form>

<br/>
<br/>
<br/>
<br/>

<div id="feedback"></div>

<script type='text/javascript'>
//this sometimes show errors on google chrome.
//$(document).ready(function(){});
</script>
</body>

</html>

这是我的js文件的全部内容

function postData(){                
var uname=$('#uname').val();
$.ajax({
url:'checkempcode.php',
data: {name: uname},
type: "POST",
async: false,
success: function(data){
window.alert('Checking');
$('#feedback').html(data);
$( "#feedback" ).append( "<p>Test</p>" );
}
});
}

最佳答案

页面重新加载,因为提交按钮正在提交您的表单。尝试将按钮类型从 submit 更改为 button

 <input type="button" onclick="postData()" id="data-submit"/>

onclick函数中加入return false;

 <input type="submit" onclick="postData(); return false;" id="data-submit"/>

关于javascript - js编辑的div内容消失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35695995/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com