嗨,我的UI(以上图片链接),我有一个与数据库中的信息,当我做一些修改,然后单击取消更新形式按钮它将删除编辑的信息并再次显示来自数据库的原始信息。 (以下javascript代码)
<script type="text/javascript">
function reset()
{
document.getElementById("1").innerHTML='<?php echo $data["Firstname"] ?>';
document.getElementById("2").innerHTML='<?php echo $data["Middlename"] ?>';
document.getElementById("3").innerHTML='<?php echo $data["Lastname"] ?>';
document.getElementById("4").innerHTML='<?php echo $data["Address"] ?>';
document.getElementById("5").innerHTML='<?php echo $data["PhoneNumber"] ?>';
document.getElementById("6").innerHTML='<?php echo $data["Birthdate"] ?>';
document.getElementById("7").innerHTML='<?php echo $data["Gender"] ?>';
}
</script>
或者如果我点击保存按钮,它会节省使用AJAX的变化,它成功地更新了我的数据库中的信息,而无需重新加载页面。
$(document).ready(function(){
//check if btnUpdate is clicked
$("#save").click(function()
{
var fname = $("#11").val();
var mname = $("#22").val();
var lname = $("#33").val();
var add = $("#44").val();
var phonenumber = $("#55").val();
var bdate = $("#66").val();
var gen = $("#77").val();
$.ajax(
{
url:"AdminBasicInfoUpdate.php",
type:"POST",
data:{"f":fname,"m":mname,"l":lname,"a":add, "p":phonenumber,"b":bdate,"g":gen },
success:function(e)
{console.log(e)
if(e == 1)
{
alert("No Changes Have Been Detected!");
}
else
{
$("#fullname").html(fname+ " " + lname);
alert("Personal Information Has Been Updated Success!");
$("#note").slideUp(500);
}
}
}
);
});
});
问题是保存更改后,当我再次单击取消按钮它显示更新前的信息,而不是新的更新信息。不能弄清楚如何解决它。我想我必须在后台刷新页面或单击保存butotn后更新sql查询,但我不知道如何。我需要帮助。提前致谢。
<php session_start();
include("connection.php");
$username=$_SESSION['Username'];
$sql = "SELECT * FROM table WHERE Username='$username'";
$res=mysqli_query($con,$sql);
$data=mysqli_fetch_assoc($res); ?>
这是因为您的$ data对象仍然是相同的,因为您在保存后没有再次获取数据... – hallleron
您可以显示从数据库获取数据的代码吗? – MukulSharma