我有mysql数据库。在我的页面上，当我点击一个按钮时，我从数据库中检索数据。所有数据都显示在页面上。我得到一行 id，一行 name，一行 number(在输入字段中)。所以一个例子是我得到:

51

表格

200

52

头

320

53

玻璃

456

因为所有值编号(第 3 行)都在输入字段中，所以它们可以更改。我创建了提交按钮，这样我就可以提交更改后的值。 这是我的 js 代码:

$(document).ready(function () {
        $("#submit2").click(function () {
        event.preventDefault();
        $('form#list_prices_form input[type=number]').each(function () {
        default = $("#default").val();
        var value = $(this).val();
        var id = $(this).attr("name");
        console.log(id);
        console.log(value);
        });

        $.ajax({
                    type: "POST",
                    url: "save.php",
                    data: {default: default, value: value, id: id},
                    success: function (response) {
                        default = $("#default").val();
                    $.ajax({
                        type: "POST",
                        url: "retrive.php",
                        data: {default: default},
                        success: function (response) {
                            $('#list').html(response);
                        }  
                    });
                    }
                });
                return false;
        });
        });

所以在控制台中我得到了所有必要的字段。它们为每个字段显示正确的 ID 和值。但它在控制台中显示错误:Uncaught ReferenceError: value is not defined

和php代码:

        $default = $_POST['default'];
        $value = $_REQUEST['value'];
        $id = $_REQUEST['id'];

        $result = $conn->query("SELECT * FROM tbl_name WHERE default = '$default'";
            $query = "UPDATE tbl_name SET (value_row) VALUES(?) WHERE id='$id'";
            $statement = $conn->prepare($query);
            $statement->bind_param('i', $value);
            if ($statement->execute()) {
                echo 'Changed';
               //print 'Success! ID of last inserted record is : ' . $statement->insert_id . '<br />';
            } else {
                die('Error : (' . $conn->errno . ') ' . $conn->error);
            }
            $statement->close();

最佳答案

第一期好像是你的<input>没有名字。因此浏览器不会提交该元素。这是根据 W3 spec for successful controls .

而不是设置 id尝试设置 name属性也是如此。

例如

echo "$x: <input class='value' id='$id' name='$ID' value='$y' />";

请注意，通过 POST 而不是 GET 提交这些变量要好得多。这样做意味着 URI 中的数据不太可能被任何中间件记录。因此，您的 JQuery AJAX 看起来像:

$.ajax(
  type: 'post',
  url: "update.php",
  data: {id: id, value: value},
  success: function(responseData) {
    console.log("Result" + responseData);
  }
});

现在，由于您发布的是 JSON 而不是表单编码的数据，因此您需要从 PHP 脚本中读取 JSON:

$json = file_get_contents('php://input');
$obj = json_decode($json);
var_dump($obj); // show what data is in there for your debugging.

它看起来有点像:

$obj->id; // the id POST'ed
$obj->value; // the value POST'ed

通过在 POST 之前聚合要发送的字段来减少您发出的 POST 请求的数量也可能是有益的。

例如

var values = [];
$(".value").each(function () {
  var getId = $('.value').prop('id');
  var id = $(getId).val();
  var getValue = $('.value').prop('value');
  var value = $(getValue).val();
  values.push({id: id, value: value});
});

$.ajax(
  type: 'get',
  url: "update.php",
  data: values,
  success: function(responseData) {
    console.log("Result" + responseData);
  }
});

如果您这样做，那么您的 PHP 代码将需要如下所示:

$postData = file_get_contents('php://input');
$postJson = json_decode($postData);
$results = [];
foreach($postJson as $row) {
  // $row->id  and $row->value
  $sql = "UPDATE table SET y='{$row->value}' WHERE ID = '{$row->id}'";

  if ($conn->query($sql) === TRUE){
    $results[$row->id] = 'updated';
  } else {
    $results[$row->id] = 'error';
  }
}
$conn->close();
echo json_encode($results); // Return a list of ID => success/error

注意:鉴于您的数据库等，以上所有内容都完全未经测试

更重要的是，这段代码没有解决任何注入(inject)漏洞。在运行任何数据库操作之前，您应该转义并验证您的输入数据

关于php - 使用ajax为每个输入字段更新mysql中的数据，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34480615/