Question

我正在尝试根据MySQL查询的结果更改两个文本框的值。我有以下错误：

未捕获的RangeError：超出了最大调用堆栈大小

<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" />

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]);
    });
});

AJAX MySQL更改输入值

3 个答案: