Question

AJAX MySQL 更改输入的值

2019-06-03

520

php mysql json ajax

我试图根据 MySQL 查询的结果更改两个文本框的值。我遇到以下错误：

Uncaught RangeError: Maximum call stack size exceeded

<head>
   <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
</head>
<body>

    <form id="form">
    <input class="form-control" type="text" id="userfname" name="frsname"
    value="" /> 
    <input class="form-control" type="text" id="userlname" name="lstname" value="" /> 
    <input type="submit" name="submit" id="submit" value="Save" />
    </form>

<script>
    $('#submit').click(function () {
        $.ajax({
            type: "POST",
            url: "index.php",
            data: form,
            dataType: "json",
            success: function (data) {
                $("#userfname").html(data[0]);
                $("#userlname").html(data[1]);
            }
        });
    });
</script>
</body>

PHP 文件：

<?php

    if(!isset($_SESSION)){
        session_start();
    }

    require 'config.php';

$stmt2 = mysqli_prepare($link, "SELECT firstname, lastname FROM users WHERE id=?");
if(!$stmt2) {
    die($link->error);
}
$stmt2->bind_param("i", $_SESSION['id']);
if(!$stmt2->execute()) {
    die($stmt2->error);
}
$stmt2->bind_result($fname, $lname);
$stmt2->fetch();
$stmt2->close();

$arr = array();
$arr[0] = $fname;
$arr[1] = $lname;

echo json_encode($arr);

$link->close();
?>

我该如何解决此错误？我想从选择查询中返回值并更新输入值。谢谢。

Answer 1

data: form 尝试将 <for> 元素转换为 url 编码数据，但不起作用。由于 PHP 脚本不使用任何 POST 参数，因此您不需要该行。

您还应该使用 event.preventDefault() 阻止默认表单提交。

要填写 <input> 字段，您需要使用 .val() ，而不是 .html() 。

    $('#submit').click(function (e) {
        e.preventDefault();
        $.ajax({
            type: "POST",
            url: "index.php",
            dataType: "json",
            success: function (data) {
                $("#userfname").val(data[0]);
                $("#userlname").val(data[1]);
            }
        });
    });

Answer 2

还更改此 <input type="button" name="submit" id="submit" value="Save" />

Dhanushka sasanka

2019-06-03

Answer 3

您没有发布任何值，因此应使用 $.getJSON。将您的 php 放在文件 getUserDetails.php 中，还可以使用 val() jQuery 方法更新输入值。

$('#submit').click(function () {
    $.getJSON("getUserDetails.php").done(function(json) {
        $("#userfname").val(json[0]);
        $("#userlname").val(json[1]);
    });
});