嗨,我的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