【问题标题】:Form Input versus Textarea Input with AJAX submission to mySQL Database表单输入与文本区域输入与 AJAX 提交到 mySQL 数据库
【发布时间】:2019-09-25 02:19:00
【问题描述】:

我有一个 PHP/AJAX 更新,可以很好地与“文本输入”框配合使用。

但是当我把它改成“textarea”框时,它就不再起作用了,

请看下面的代码:

这很好用:

echo '<input id="bodytext" value="'.htmlentities(stripslashes($bodytext)).'">';

这不起作用:

echo '<textarea id="bodytext" value="'.htmlentities(stripslashes($bodytext)).'">'.htmlentities(stripslashes($bodytext)).'</textarea>';

这是 AJAX 代码:

<script>
    $(document).ready(function(){
    $("#update").click(function(){
    var bodytext=$("#bodytext").val();
       $.ajax({
          url:'update.php',
          method:'POST',
          data:{
              bodytext:bodytext
          },
          success:function(response){
          alert(response);
          }
       });
     });
     });
</script>

这是 UPDATE.PHP 文件:

<?php
$conn = new mysqli('localhost', 'xxx', 'xxx', 'xxx');
$bodytext=$_POST["bodytext"];

$sql="UPDATE doc SET bodytext='$bodytext' WHERE id=1";

if($conn->query($sql)===TRUE){
    echo "DATA updated Yes ".$bodytext;
}
?>

【问题讨论】:

  • 抱歉 - 我正在编辑 - 请耐心等待我的朋友。
  • 请将您遇到的错误添加到问题中。
  • 你在下面提到你使用 apply tinyMCE 插件和那个 textarea,我相信这个帖子会解决你的问题:stackoverflow.com/questions/7214218/…
  • A textarea 没有 value 属性 - 内容介于打开和关闭标签之间 - 即:&lt;textarea&gt;data&lt;/textarea&gt;

标签: php mysql ajax


【解决方案1】:

在 JavaScript 中: 如果你使用输入标签,你会得到输入的价值

$("#bodytext").val()

但是你使用textarea,你应该得到html或text,因为它没有属性值

$("#bodytext").html() or $("#bodytext").text()

【讨论】:

  • 我改变了 var bodytext=$("#bodytext").val();到 var bodytext=$("#bodytext").html(); --- 仍然无法识别 - 无法正常工作。
  • 调用 $("#bodytext").html() 时 JavaScript 中的文本和回传到服务器 $_POST["bodytext"] 时的值?
  • 我同意textarea 没有value 属性,但是JQuery .val() 仍然可以与textarea 一起使用,它会返回&lt;textarea&gt; 和&lt;/textarea&gt; jsfiddle.net/vmky75z3 之间的文本
  • 我在 update.php 文件中回发到服务器 - 我在该文件中没有看到您所指的任何代码?
  • 与控制台相同的结果 - “输入”正在工作,但“textarea”输出原始数据而不是我修改后的数据......所以当 update.php 时似乎正在发生 breal收到数据了吗?
猜你喜欢
  • 1970-01-01
  • 2015-06-08
  • 1970-01-01
  • 1970-01-01
  • 2017-07-14
  • 1970-01-01
  • 2013-02-04
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多