<script>
function show(shown, hidden) {
document.getElementById(shown).style.display='block';
document.getElementById(hidden).style.display='none';
return false;
}
</script>
<body>
<div id="Page1">
Content of page 1
<br><br>
<a href="#" onclick="return show('Page2','Page1');">Show page 2</a>
</div>
<div id="Page2" style="display:none">
Content of page 2
<br><br>
<a href="#" onclick="return show('Page1','Page2');">Show page 1</a>
</div>
</body>
在这段代码中你会看到
<a href="#" onclick="return show('Page2','Page1');">Show page 2</a>
此代码跳转到第 2 页。
这段代码工作正常,但我需要做一些不同的事情。当我的数据库返回像 3 这样的值时,我想跳转第三页,或者如果我的数据库返回值 2,我想跳转第二页。所以我的主要问题是如何获取返回值并在这段代码中使用它?
<a href="#" onclick="return show('valueofreturn','Page1');">Show page return value</a>
最佳答案
使用 JSON 调用从服务器检索数据,然后在成功处理程序中隐藏所有页面,然后显示您想要的页面:
$.getJSON( "ajax/test.json", function( data ) {
$('.page').hide();
$('#page' + data.pageid ).show();
}
关于javascript - 当数据库返回值时如何更新我的html?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39100722/