2016-08-23 52 views
0
<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頁。如何在數據庫返回值時更新我的​​html?

此代碼工作正常,但我需要做一些diffrent.When我的數據庫返回像3的值,我想跳第三頁或如果我的數據庫返回值2我想跳第二頁。所以我的主要問題是如何獲取返回值並在此代碼中使用它?

<a href="#" onclick="return show('valueofreturn','Page1');">Show page return value</a>

+0

你的db *如何返回一個值?你在哪裏放置它,在'onclick'屬性中?我們需要更多信息。 – DontVoteMeDown

+0

當你的數據庫返回一個值? – gypsyCoder

+0

我在我的數據庫中定義了一些規則。我有一個調查html頁面,例如,如果我選擇b)星期三我的數據庫返回2,那時我需要跳轉到第2頁,或者如果我選擇c)星期日我的數據庫返回3,那時我需要跳轉頁面3. – Nuisance

回答

1

使用JSON調用從服務器獲取數據,然後在成功處理程序,隱藏所有頁面,然後顯示一個你想要的:

$.getJSON("ajax/test.json", function(data) { 
    $('.page').hide(); 
    $('#page' + data.pageid).show(); 
} 
+0

我不知道如何使用JSON調用來檢索數據從我的db.Can你幫我做到這一點:) – Nuisance

+0

這真的取決於你的服務器端架構。例如。如果您使用的是MS,那麼您將實現一個Web API2端點,用於調用數據庫並返回頁碼模型。然而,在那裏有大量的服務器配置和數據庫提供程序,並且除了「數據庫」之外,您還沒有指出任何內容。 –

+0

如何將我的返回值等於result.targetPage? – Nuisance

1
  1. 從服務器獲取端數據。

您可以使用Ajax創建異步Web應用程序。 Ajax可以發送數據並從服務器檢索,例如RESTful API。

  • 顯示/隱藏 「格」
  • 如果你想顯示第一頁和第二頁隱藏。

    $("#Page1").show(); 
    $("#Page2").hide(); 
    
  • 的Java 可以使用JavaBeans的服務器/ JSP做這項工作。
  • 參考文獻。

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

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

    相關問題