如何更新我的html时，数据库返回一个值

How to update my html when the DB returns a value ?

本文关键字：返回 数据库 一个 html 何更新 更新 我的      更新时间：2023-09-26
<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页。

这段代码工作得很好，但我需要做一些不同的事情。当我的db返回类似3的值时，我想跳转到第三页，或者如果我的db返回值为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();
}
    从服务器端获取数据。

可以使用Ajax创建异步Web应用程序。Ajax可以发送数据并从服务器检索数据，例如RESTful API。

  • 显示/隐藏"div "

    • 如果你想显示Page1而隐藏Page2。

     $("#Page1").show(); 
 $("#Page2").hide();
  • Java服务器您可以使用JavaBeans/JSP来完成这项工作。

    引用。

    http://api.jquery.com/show/

    http://api.jquery.com/jquery.ajax/

    •
    相关文章：