使用AJAX获取数据并将其保存为变量

我对AJAX完全陌生，我似乎不知道搜索我要找的东西的最佳方法。所以我想在这里解释一下。 我有一个表，其中列出了我的用户。我希望能够在不刷新的情况下编辑表的任何行。因此，我为每一行添加了一个按钮，通过单击该按钮，您可以在Bootstrap modals的帮助下编辑该用户

有一个启动操作的按钮：

<span class="updateInfo" user-id="<?php echo $users_array['id']; ?>" data-target=".editInfo" data-toggle="modal"><i class="fa fa-pencil" ></i></span>

edit.php文件中包含的代码如下：

$user_id=$_POST['selected_user_id'];

$get_user=mysql_query("SELECT * FROM users WHERE id='$user_id'");
$user_array=mysql_fetch_row($get_user);

echo json_encode($user_array);

我没有把建立数据库连接之类的代码放进去，因为它们是基本的，工作正常

我这里有几个问题：

我不知道到目前为止我编写代码的方式是否正确

我应该如何得到这些结果并将它们保存为变量以供以后使用

我不知道是否可以使用新创建的变量作为占位符或原始文件中存在的模式中的预定义值

注意：modal有一个简单的表单，其中包含姓名、电子邮件和电话号码的简单输入：

<div class="modal fade editInfo" tabindex="-1" role="dialog" aria-labelledby="myNote" data-backdrop="static" aria-hidden="true">
<form method="POST">
    <input name="fullname" value="" />
    <input name="email" value="" />
    <input name="phone" value="" />
</form>
</div>

• 为每个html元素设置Id

jQuery（document）.ready（function（）{
$（“#全名”）.val（“用户一号”）；
$（“#电子邮件”）.val（“User@gmail.com");
$（“电话”）.val（“987654”）；
$（'.updateInfo'）。单击（函数（）{
var userID=$（this.attr（'user-id'）；
$.ajax({
url:“edit.php”，
方法：“张贴”，
数据类型：“json”，
数据：{
所选用户标识：用户标识，
},
成功：功能（数据）{
控制台日志（数据）；
$（“#全名”）.val（data.fullname）；
$（“#email”）.val（data.email）；
$（“#phone”）.val（data.phone）；
}
});
});        
});

谢谢您的回复。但是，data.email与php文件中指定的$user_数组['email']相同吗？我还尝试了
success:function（data）{console.log（data）；alert（data.email）；}
但没有显示任何警报。另外，我在最后一个框中没有看到任何内容（在您说了之后，然后像这样绑定：）
<div class="modal fade editInfo" tabindex="-1" role="dialog" aria-labelledby="myNote" data-backdrop="static" aria-hidden="true">
<form method="POST">
    <input name="fullname" value="" />
    <input name="email" value="" />
    <input name="phone" value="" />
</form>
</div>