javascript - 当数据库返回值时如何更新我的html?

标签 javascript jquery html database

<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/

相关文章:

javascript - 使用jquery获取 anchor 标签的数据值

javascript - 如何包装所有相邻且具有相同类的元素?

javascript - 从 div 元素中提取内容

javascript - 如何让我的函数被 $(..).name() 调用?

javascript - 在下一页加载之前创建第二个 css 转换

javascript - 在 Meteor.js 中使用多个 Mongodb 数据库

javascript - 获取通过click函数中的href链接传递的id

javascript - 大小以适合 Canvas 上的字体

javascript - 具有动画效果的 CSS Scroll Snap

php - 解析 HTML 中的多个 PHP 代码块