javascript - 如何保持表单数据持久并始终向用户显示

Question

如何让用户提交表单，将其存储在 MYSQL DB 中，然后在表单字段中显示相同的提交数据？

    <div class="form-group">
      <label class="control-label col-sm-2" for="lname">Last Name*</label>
      <div class="col-sm-10">
        <input type="text" class="form-control" id="lastname" placeholder="Last Name" name="lastname" value="" autocomplete="nope" required>
      </div>
    </div>

    <div class="form-group">
      <label class="control-label col-sm-2" for="email">Email*</label>
      <div class="col-sm-10">
        <input class="form-control" type="email" id="email" placeholder="Enter email" name="email" value=""  autocomplete="nope"required />
      </div>
    </div>

    <div class="form-group">
      <label class="control-label col-sm-2" for="phone">Phone</label>
      <div class="col-sm-10">
        <input type="text" class="form-control" id="phone" placeholder="Phone" name="phone" value="" autocomplete="nope" />
      </div>
    </div>

下面的脚本用于保存到MSQL数据库

function post() {
  var firstname = document.getElementById("firstname").value;
  var lastname = document.getElementById("lastname").value;
  var email = document.getElementById("email").value;
  var phone = document.getElementById("phone").value;

  if(firstname && lastname && email && phone) {
    $.ajax({
      type: 'post',
      url: 'profile.php',
      data: {
        firstname: firstname,
        lastname: lastname,
        email: email,
        phone: phone
      },
      success: function (response) {
        document.getElementById("status").innerHTML="Profile updated successfully";
      }
    });
  }

  return false;
}

任何类似的示例链接都很棒!

现在我的问题/问题/过程是:

1. 将表单数据保存到 MYSQL DB(我已经完成了)。
2. 每次用户登录时，如何在输入字段中仍然显示该特定用户的表单数据？ (待完成)

请帮助我，因为我从过去三天以来一直在尝试寻找解决方案，并使用了互联网上的许多可用方法，但到目前为止没有任何效果。非常感激你的帮助。谢谢。

Answer 1

在 PHP 文件中，您需要返回行并在 AJAX 成功函数中显示数据。