返回前一頁輸入

真的不確定標題問題。隨意建議。 :)返回前一頁輸入

嗨，大家好！我創建了一個非常簡單的代碼，代表我的網頁。

這裏是我的主頁：

<html> 
    <script type="text/javascript"> 
    function getPage(linkPage,variables,divName){ 
    $.get(linkPage + "?" + variables,function(data){$(divName).html(data);}); 
       } 

    function show(){ 
       //functionName("path","data","idName"); 
       getPage("AjaxPages/hi.php","","#container"); 
      } 
    </script> 
    <body> 
    <div id="container"> 
      First Name<input type="text" /> 
     <input type="button" value="next" onClick="show();"/> 
    </div> 
</body> 
</html>

基本上，它要求的信息，名稱爲例子。當點擊按鈕NEXT時，它會調用一個javascript函數，它將調用某個頁面或下一頁，該頁面將使用Id容器加載到div上。

NEXT PAGE

在接下來的頁面，它會接着問另外一個問題，像姓例如。但是，然後，我想回到上一頁做出相同的更改。

這裏是代碼：

<script type="text/javascript"> 
     function show(){ 
      ajaxgetdata("index.php","","#container1"); 
    } 
</script> 
<div id="container"> 
Last Name<input type="text" /> 
what to make changes on the previous page?<input type="button" value="back" onClick="show();"/> 
</div>

當按鈕後面被點擊時，它只會調用前一頁，但不包括文本，你輸入的文本。

我知道，這是因爲它只是調用頁面..

有沒有辦法？當單擊後退按鈕時，它將重新加載前一頁，包含所有內容/輸入。

:) :(：'（：/：|。

來源

2013-07-18 QKWS

您需要以某種方式保存表單數據。你有什麼嘗試？ – pmandell

爲什麼要創建一個不同的頁面？這可以很容易地用一個小滑塊來完成 – Spokey

不可以@pmandell。我將如何做到這一點？ – QKWS

不加載任何其他頁面盡一切與AJAX
如果你不想要的，一些服務器端腳本可能幫助：d

來源

2013-07-18 14:04:17 dbanet

一切都將在一個頁面上？ – QKWS

@QKWS是的，我認爲這會更好。在客戶端更流暢，服務器端的代碼更少，一個用於處理一個任務的PHP腳本文件。 – dbanet

如果你可以在你的網站上使用HTML5，你可以去看看歷史API，它可以處理導航，並觸發一個「popstate」事件，對此你可以傳遞數據

。這裏有一個很好的例子：

http://diveintohtml5.info/history.html

你可以做這樣的事情：

window.addEventListener("popstate", function(e) { 
    if(!e.state || !e.state.firstName) { 
     return; 
    } 

    document.getElementById('firstName').value = e.state.firstName; 
});

即使將觸發每次你去前進或後退，並且你可以只組織一次與你所需要的信息，一些功能或陣列。

希望它有幫助。

來源

2013-07-18 14:08:26

非常感謝。但它不僅是名字，這僅僅是一個例子。這將是很多投入。 – QKWS

簡單，只需使用數組:)並存儲所有你想要的輸入或者文字對象（不要使用關聯數組）來隨時發送所有數據，至少你的計劃是像發送數據維基百科一樣發送。您甚至可以循環表單並將所有值存儲在字段的模糊事件中，以實現自動數據挖掘過程。 –

或者，如果數據不那麼重要，您可以嘗試通過獲取而不是後發送數據，並再次閱讀，但我不建議這樣做，有很多注入風險。 –

返回前一頁輸入

回答

相關問題