Javascript 单击“更新”后自动刷新页面
在mysqli中编辑数据后,如何自动刷新页面。我已经实现了如下所示的重新加载功能,但它不起作用Javascript 单击“更新”后自动刷新页面,javascript,php,jquery,Javascript,Php,Jquery,在mysqli中编辑数据后,如何自动刷新页面。我已经实现了如下所示的重新加载功能,但它不起作用 $('#insert').click(function() { location.reload(); }); 我想让它像一旦我点击更新数据,页面将显示更新的数据,否则我将不得不点击刷新显示更新的数据 <script src="../assets/js/jquery.min.js"></script> <script src="../assets/js/bootstr
$('#insert').click(function() { location.reload(); });
我想让它像一旦我点击更新数据,页面将显示更新的数据,否则我将不得不点击刷新显示更新的数据
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/bootstrap.min.js" type="text/javascript"></script>
<link href="../assets/css/bootstrap.min.css" rel="stylesheet" />
<?php
include('../connect.php');
// Attempt query
$sql = "SELECT * FROM `applicant`";
$result = mysqli_query($Conndb, $sql);
if (mysqli_num_rows($result) > 0) {
// output data of each row
while($row = mysqli_fetch_assoc($result)) {
echo "<tr>";
echo "<td>". $row["FULL_NAME"]. "</td>" .
"<td>". $row["IC_NO"]. "</td>" .
"<td>". $row["AGE"]. "</td>" .
"<td>". $row["GENDER"]. "</td>" .
"<td>". $row["CONTACT"]. "</td>" .
"<td>
<a href=\"active.php? id=" . $row['APPLICANT_ID'] . "\" onclick=\"return confirm('Are yousure?'); \">Activate</a></td>" ?>
<td><input type="button" name="view" value="view" id="<?php echo $row["APPLICANT_ID"]; ?>" class=btn btn-info btn-xs view_data"></td>
<td><input type="button" name="edit" value="edit" id="<?php echo $row["APPLICANT_ID"]; ?>" class="btn btn-info btn-xs edit_data"></td>
<?php echo "</tr>"; ?>
<script>
$(document).ready(function(){
$('#insert').click(function() {
location.reload();
});
$('#add').click(function(){
$('#insert').val("Insert");
$('#insert_form')[0].reset();
});
$(document).on('click', '.view_data', function(){
var applicant_id = $(this).attr("id");
$.ajax({
url:"selected.php",
method:"POST",
data:{applicant_id:applicant_id},
success:function(data){
$('#applicant_detail').html(data);
$('#dataModal').modal('show');
}
});
});
$(document).on('click', '.edit_data', function(){
var applicant_id = $(this).attr("id");
$.ajax({
url:"fetch.php",
method:"POST",
data:{applicant_id:applicant_id},
dataType:"json",
success:function(data){
$('#name').val(data.FULL_NAME);
$('#ic').val(data.IC_NO);
$('#gender').val(data.GENDER);
$('#age').val(data.AGE);
$('#nationality').val(data.NATIONALITY);
$('#race').val(data.RACE);
$('#other_race').val(data.OTHER_RACE);
$('#address').val(data.ADDRESS);
$('#contact').val(data.CONTACT);
$('#marital_status').val(data.MARITAL_STATUS);
$('#property').val(data.PROPERTY);
$('#monthly_rent').val(data.MONTHLY_RENT);
$('#working_or_not').val(data.WORKINGORNOT);
$('#applicant_id').val(data.APPLICANT_ID);
$('#insert').val("Update");
$('#add_data_Modal').modal('show');
}
});
});
$('#insert').click(function() {
location.reload();
});
$('#insert_form').on("submit", function(event){
event.preventDefault();
if($('#name').val() == "") {
alert("Name is required");
} else {
$.ajax({
url:"insert.php",
method:"POST",
data:$('#insert_form').serialize(),
beforeSend:function(){
$('#insert').val("Inserting");
},
success:function(data){
$('#insert_form')[0].reset();
$('#add_data_Modal').modal('hide');
$('#employee_table').html(data);
}
});
}
});
});
</script>
<?php
}
} else {
echo "0 results";
}
//Close connection
mysqli_close($Conndb);
?>
您必须广播事件并在视图中捕获它,然后在其中编写重新加载的代码。您使用的是ajax post请求来插入数据,而ajax通常用于不重新加载页面和请求执行。Offtopic:除非$row['applicator\u ID']
是insert
页面上没有id为insert
的元素。Html元素id必须是唯一的,您有三个具有相同id的元素($row[“申请人id”]
),您必须广播事件并在视图中捕获它,然后编写代码以在其中重新加载..您正在使用ajax post请求插入数据,ajax通常用于不重新加载页面和请求执行。Offtopic:除非$row['applicator\u ID']
是insert
,否则页面上没有ID为insert
的元素。Html元素id必须是唯一的,您有三个具有相同id的元素($row[“申请人id”]
)