【问题标题】:Post Javascript to PHP file?将 Javascript 发布到 PHP 文件?
【发布时间】:2013-03-12 05:06:09
【问题描述】:

所以我有这个问题。

我的网页上有以下表格:

  <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 将数据变量添加到我的数据库中)。最好的方法是什么?到目前为止我尝试过的所有方法都没有奏效。

谢谢!

【问题讨论】:

  • 最好使用 ajax。它只是您似乎已经在使用的 jquery 中的一个函数。使用起来并不难/可怕。
  • 你为什么不给你的php页面一个表单动作?
  • 尝试删除 onclick="captureText();"从按钮标签

标签: php javascript database


【解决方案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>

【讨论】:

    【解决方案2】:

    您正在使用输入类型“提交”。因此,如果您想继续使用 ajax 提交表单,则必须从您的函数中返回 false。在这种情况下,您的 javascript 将如下所示:

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

    否则一个简单的表单就可以了。

    享受吧!

    【讨论】:

      【解决方案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文件路径

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2016-04-19
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2020-10-19
        相关资源
        最近更新 更多