提交后重定向表格

Question

我使用JS創建了一個提交表單，只是將變量發布到PHP：

entry.innerHTML= ' <form action="eLoad.php" method="post"> <input class="submitLink" type="submit" name="name" value='+uploaded[i][1]+'> </form>

它有效，但是在我的PHP中，我想將變量發送回JS。 我使用的是Json，但是每次提交時，表單都會提交到瀏覽器，並輸出php文件，並回顯我在瀏覽器中擁有的所有JS文本。 我想在我的PHP加載PHP和JS（json）之后重定向到另一個頁面。

有什么幫助嗎？ 謝謝

Answer 1

聽起來像發送AJAX請求並在回調函數上進行重定向是您所需要的。 如此處的建議，我也強烈建議使用現有的庫。

例如，要使用jQuery，您首先必須通過添加以下內容來包括它：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>

完成此操作並可以使用該庫后，請嘗試以下操作：

$.ajax({
  url: "eLoad.php"
}).done(function() {
  window.location = <url-to-redirect-to>;
});

最后要提到的是，在調用jQuery的ajax函數時可以使用許多有用的參數，請訪問http://api.jquery.com/jQuery.ajax/

Answer 2

我推薦一個AJAX解決方案。 查看http://api.jquery.com/jQuery.ajax/上的JQuery JavaScript庫。 使用AJAX，您可以在不刷新頁面的情況下將內容（和發布表單）動態地加載到您的網頁中。

編輯：示例代碼：

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
    $(document).on('submit', 'form#my-form', function() {
        $.ajax({
          type: "post",
          data: $(this).serialize(),
          url: "my_page.php",
          success: function(response) {
            alert(response);
          }
        });
    });
</script>

Answer 3

您在這里看到的是表單的異步提交，也稱為AJAX。
我建議您采用現有的庫來為您做無聊的工作。

Answer 4

訪問此輕量級JS AJAX庫 ，您將需要按照建議的方式使用ajax，實現和使用jQuery是最快的方法，但請嘗試使用諸如zepto.js，mootools等其他選項。此外，如果您想構建自己的解決方案，對於您的問題，請對xmlhttp進行一些研究，請參閱此鏈接https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest

您將不必編寫很多代碼來執行此操作，但是使用隨時可用的庫不會有任何傷害。