將Javascript發布到PHP文件？

Question

所以我有這個問題。

我的網頁上有以下表格：

  <form>
 <textarea rows="3" id="pasteText"> </textarea>
 <button class="btn btn-success btn-block" type="submit" id="paster" onclick="captureText();">Paste!</button>

我有一個JavaScript方法可以在此處捕獲文本區域中的文本：

function captureText() {
var value = $("#pasteText").val();

//var sent = "../../lib/_add.php?data="+value;
$.post('../../lib/_add.php', {data: value});
}

我正在嘗試將textarea內的值發送到PHP中的數據（add.php將data變量添加到我的數據庫中）。 最好的方法是什么？ 到目前為止，我嘗試過的所有方法均無效。

謝謝！

Answer 1

您不需要jQuery $.post來提交表單。 一個簡單的HTML表單即可。

<form action="../../lib/_add.php" method="post">
<textarea rows="3" name="data" id="pasteText"></textarea>
<input class="btn btn-success btn-block" id="paster" type="submit" value="Paste!" />
</form>

Answer 2

您正在使用輸入類型“提交”。 因此，如果要繼續使用uisng ajax提交表單，則必須從函數中返回false。 在這種情況下，您的JavaScript如下所示：

function captureText() {
    var value = $("#pasteText").val();
    //var sent = "../../lib/_add.php?data="+value;
    $.post('../../lib/_add.php', {data: value});
    return fasle;
}

否則，可以使用簡單的形式。

請享用！。

Answer 3

    function captureText() {
    var value = $("#pasteText").val();

    //var sent = "../../lib/_add.php?data="+value;
    $.post('../../lib/_add.php', {data: value})

    .done(function(data) {
                 alert("Data Loaded: " + data);
                          //  add some result confirmation code from php

                     });

    alert("data received");
   }

檢查jQuery路徑和PHP文件路徑