將數據傳遞到另一頁並在該頁面上提交表單

我想要page1.html上的按鈕。該按鈕將數據傳遞給page2.html，其中有一個表單，將數據加載到表單中，並將表單提交到page2.html。這可能嗎？它將如何完成？我似乎無法找到任何這樣的例子。將數據傳遞到另一頁並在該頁面上提交表單

謝謝！

來源

2017-04-06 rankind

這因爲進入第二頁並自動提交很奇怪。如果您要更換網頁，通常希望用戶提交表單，否則爲什麼要轉到其他網頁？ – Yatrix

是的，這當然是可以的......但你爲什麼要**這種行爲？爲什麼不只是在'page1.html'上有你的表單？ –

這是一個獨特的情況，這個功能是我想要的。它會填充webgl應用程序中的表單，最終用戶不知道如何輕鬆找到數據，我希望能夠在不更新每次webgl應用程序頁面的情況下更新此「特色」數據。所以我可以使用這些數據，然後在無需更新webgl應用程序的情況下隨時更改它。 – rankind

我結束了使用PHP的Post方法：

源自網頁page1.php中：

<form action="page2.php" method="post"> 
    <input type="hidden" name="MyName" id="MyId" value="MyVal"> 
    <input type="submit" value="Post to page2"> 
</form>

在接受使page2.php頁：

<?php if (!empty($_POST)) : ?> // Check for Post data 
    <script> 
     document.getElementById("MyId").value = '<?php echo $_POST["MyName"]; ?>'; //update form on page2.php by field ID 
     document.getElementById('FormToSubmit').click(); 
    </script> 
<?php endif;?>

完美的作品

來源

2017-04-07 00:57:13 rankind

當然最好的辦法是使用後端......但我想你不會問是否有這個選項。

一兩件事你可以做的是使用錨的URI，如：/page2#?field=value&fld=val

然後在頁面加載時，檢查是否有一個錨標記並對其進行處理：

$(function(){ 
    let hash = window.location.hash.substr(1); 
})

這裏有一個plunkr得到你離開地面：https://plnkr.co/edit/u9fPGFZedXGmKbbdXVvy?p=preview

所以，一旦你有hash你會解析它到JSON和配置你的形式。

由於這些小提琴般的網站是如何運作的，它並不明顯。但它確實有用！要進行檢查，請在單獨的窗口模式下打開預覽，然後複製該URL，在新選項卡中打開該URL，然後在其上添加樣本散列，然後按回車。然後重新加載頁面。

來源

2017-04-07 00:04:20

我有網站上的php可用。 page1.html來自drupal頁面，所以我可以使用php沒有汗水。 webgl應用程序是一個html文檔。 – rankind

然後跳過我的答案的大部分，並將數據從page1發送到服務器。將表單重定向到page2 ..然後在頁面2上，在頁面加載時查詢服務器以查看當前會話是否具有表單變量，如果是，請添加它們（如w/ajax）。 Ps，如果你想要一個非JavaScript的答案，你應該改變你的帖子，在標籤中包含PHP。 –

這是一點點高於我的頭，你能提供一個簡單的例子嗎？謝謝您的幫助！ – rankind

將數據傳遞到另一頁並在該頁面上提交表單

回答

相關問題