我正在尝试刷新 div,但它复制了其他所有内容。 在我做任何事情之前,页面看起来像这样:initial page 第二个按钮应该刷新 div,但是当我这样做时,这就是我得到的:after trying to refresh, it refreshes it, but duplicates everything else 我该如何使它只刷新 div?
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<br/>
<div id='ff'>something</div>
<input id='input'/>
<button id='btn1'>first</button>
<button id='btn2'>second</button>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('#btn1').click(function(){
var input=$('#input').val();
$('#ff').text(input);
});
$('#btn2').click(function(){
$('#ff').load('thing2.html');
});
});
</script>
</body>
最佳答案
在这一行
$('#ff').load('thing2.html');
您仅使用 id="ff"更新您的 div,但正在加载 thing2.html 的全部内容。
关于javascript - 如何刷新div而不添加,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40794584/