Question

我下面有一套textareas。所有textareas都有相同的名称“评论”我有一个按钮为每个textarea和按钮和文本区域分别组成一个名为user1，user2等的div。当我点击user1的按钮我想发送评论使用ajax到一个名为save.php的PHP文件，其中get字符串为user = user1或user2，comment =发布的注释。如果成功，我会喜欢隐藏该用户的文本区域和按钮，只显示已写入的注释。

<div id="user1">
  <textarea cols="40" rows="5" name="comment">User 1 Comment</textarea>
  <button>Save User 1 Comment</button>
</div>

<br><br>

<div id="user2">
  <textarea cols="40" rows="5" name="comment">User 2 Comment</textarea>
  <button>Save User 2 Comment</button>
</div>

<br><br>

<div id="user3">
  <textarea cols="40" rows="5" name="comment">User 3 Comment</textarea>
  <button>Save User 3 Comment</button>
</div>

我有什么想法可以做到这一点吗？

由于

Answer 1

首先，检查以下几行脚本 -

$.post(
      "addcomment.php",
      $("form#addComment").serialize(), 
          function( data ) {
              $( "#show" ).html( data );
          }
);

让我简单介绍一下上面的代码 -

$ = jQuery的美元符号或代替单词jQuery
“addcomment.php”是一个处理页面，其中注释将执行并发回数据以显示。
$("form#addComment").serialize()将接受用户输入，并准备好表单提交。一个。这里form#addComment是评论textarea的形式。
function ( data )是addcomment.php文件
最后，$( "#show" ).html( data )。 #show是您要在页面中加载结果（评论）的HTML元素ID

NB 要执行此Ajax代码，您需要在脚本文件的jQuery标记下添加<head> API。

如果您了解上述表格序列化过程，您也可以为多个表单提交执行此操作。

PHP Ajax在不退出页面的情况下保存多个textareas

1 个答案: