gpt4 book ai didi

javascript - 使用ajax时内容被隐藏

转载 作者:太空宇宙 更新时间:2023-11-04 15:55:27 24 4
gpt4 key购买 nike

我正在使用 ajax 使用以下代码获取记录。

<html>
<head>
<script>
$(function() {
$('.go-btn').on('click', function() {
var selected = $('#my-dropdown option:selected');
$.ajax({ //create an ajax request to load_page.php
type: "GET",
url: "boxplot.html",
dataType: "html", //expect html to be returned
success: function(response){
$("#responsecontainer").html(response);
//alert(response);
}

});
//alert(selected.val());
});
});
</script>
</head>
<body>

some text
<button class="go-btn" type="submit">Go</button>
<div id="responsecontainer">
<br><hr><br>
<h2>PCA Plot Distribution:</h2><br>
</body>
</html>

在上面的代码中,内容页面在单击按钮(位于 )时加载,但此后的任何内容都会消失。我该如何解决这个问题?

最佳答案

因为您正在设置对整个 div 的响应。修复你的 html,使得

<div id="responsecontainer"></div> 
<div>
<br><hr><br>
<h2>PCA Plot Distribution:</h2><br>
</div>

因此,您将设置对 responsecontainer 的响应,其余部分保持不变。

关于javascript - 使用ajax时内容被隐藏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42745399/

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