javascript - 使用 jQuery 更新文本框

Question

我正在创建一个文本框，其中文本将在用户键入后自动更新到 mysql 中，而无需提交。现在的问题是文本框不会更新数据库。这是我引用下面的所有意见编辑的。仍然有一些问题，但总比现在没有显示好。谢谢。

这里是文本框输入

  echo "<td class=\"align-center\"><input type=\"text\" name=\"comment\" id=\"comment\" onKeyPress=\"getComment($id,this)\" /></td>";

这是我的javascript

function getComment(id, txt_box)
{
var value = txt_box.value;

    $.ajax({
        'url': 'updatecomment.php',
        'data': {"id": id, "comment": value},
        'success': function (response) {
            console.log(response);
            //TODO: use server response
        }
    });
}

最后是updatecomment.php

 <?php require_once("../includes/connection.php") ?>
 <?php require_once("../includes/functions.php") ?>

 <?php
     $id =$_GET['id'];
     $comment = $_GET['comment'];


     $query = "UPDATE tblinternapplication SET comment = '".mysql_real_escape_string($comment) ."' WHERE id = $id";
     $result = mysql_query($query, $connection);
 ?>

Answer 1

下面是你的代码

  echo "<td class=\"align-center\"><input type=\"text\" name=\"comment\" id=\"comment\" onPressKey=\"getComment($id,this.id)\" required/></td>";

将此更改为

  echo "<td class=\"align-center\"><input type=\"text\" name=\"comment\" id=\"comment\" onKeyup=\"getComment('$id',this.value)\" required/></td>";

基本上，当您为 javascript 函数传递值时，如果您传递的值是字符串或整数而不是变量，请将它们括在单引号中，例如 getComment('$id',this.value)

我添加的另一个更改是 onKeyup 而不是 onKeyPress。这是因为 onKeyPress 事件将在按下某个键时 发生，并且您调用的函数不会包含您输入的最后一个字符。而 onKeyPress 事件将在您释放键时触发，即在键入字符后，您将获得在文本框中输入的所有字符

类似地，在 Mysql 查询中，总是将值括在单引号中，如下所示

     $query = "UPDATE tblinternapplication SET comment = '".mysql_real_escape_string($comment) ."' WHERE id = '$id'";

希望您了解这些变化