您好,在 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/