我遇到了一些我无法解决的问题： 1. #exampleModal的第一个模态工作正常。 2.在data_action.php中保存数据时，第二个模态不起作用，但数据已保存到数据库中，但#modal_confirm没有切换。 我不知道为什么。我尝试调试和console.log哪些行是错误的。 请帮忙。
祝你好运
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="assets/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<title>Topup</title>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-sm-8 mx-auto pt-2">
<a href="" class="btn btn-info"> back</a>
</div>
</div>
<div class="row justify-content-center">
<div class="col-sm-4 my-5">
<div class="border border-primary rounded" style="height: 335px">
<div class="text-center pt-5"><img id="stu_img" src="" class="rounded" style="width: 50px" alt=""></div>
<h2 class="text-center">Information</h2>
<dl class="row">
<dt class="col-sm-6 text-right">ID: </dt>
<dd id="id" class="col-sm-6"></dd>
<dt class="col-sm-6 text-right">Name: </dt>
<dd id="name" class="col-sm-6"></dd>
<dt class="col-sm-6 text-right">Level: </dt>
<dd id="level" class="col-sm-6"></dd>
<dt class="col-sm-6 text-right">Balance: </dt>
<dd id="balance" class="col-sm-6"></dd>
</dl>
</div>
</div>
<div class="col-sm-4 my-5">
<div class="border border-success rounded" style="height: 335px">
<h2 class="text-center pt-5">Topup</h2>
<form class="p-3">
<div class="form-group">
<label>Topup</label>
<div class="input-group">
<span class="input-group-addon">$</span>
<input type="number" class="form-control" id="amount" name="card_amount" autofocus required>
</div>
<small class="form-text text-muted">Number only</small>
</div>
<div class="form-group">
<label>Register</label>
<input type="text" class="form-control" id="register" name="who_check" value="admin" readonly>
</div>
<button id="btn_submit" type="button" class="btn btn-primary btn-block">Submit</button>
</form>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">Top up confirm</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="container-fluid">
<div class="row">
<div class="col-sm-10 mx-auto">
<form>
<div class="form-group">
<label>ID</label>
<input type="text" class="form-control" id="stu_id" readonly>
</div>
<div class="form-group">
<label>Amount</label>
<input type="text" class="form-control" id="stu_topup" readonly>
</div>
<button id="btn_confirm" type="button" class="btn btn-primary">Confirm</button>
<button id="btn_cancle" type="button" class="btn btn-warning" data-dismiss="modal">cancle</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="modal_confirm" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Topup complete</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="container-fluid">
<div class="row">
<div class="col-sm-10 mx-auto">
<p id="topup"></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="assets/vendor/jquery-3.2.1.min.js"></script>
<script src="assets/vendor/popper.min.js"></script>
<script src="assets/vendor/holder.min.js"></script>
<script src="assets/dist/js/bootstrap.min.js"></script>
<script>
var stu_id = sessionStorage.getItem("id");
$(document).ready(function(){
$.post("food_action.php",
{
list: "list",
id: stu_id
},
function(data, status){
//console.log(data[0].card_id);
document.getElementById("id").innerHTML = data[0].card_id;
document.getElementById("name").innerHTML = data[0].stu_name;
document.getElementById("level").innerHTML = data[0].stu_level;
document.getElementById("balance").innerHTML = data[0].card_pocket + " บาท.";
$("#stu_img").attr('src', 'assets/img/'+data[0].stu_img);
});
});
$('#btn_submit').click(function(){
$('#exampleModal').modal('show');
$('#stu_id').val(stu_id);
$('#stu_topup').val($('#amount').val());
});
$('#btn_confirm').click(function(){
console.log("press");
$.post("food_action.php",
{
update: "update",
add: "add",
id: stu_id,
action: "topup",
register: $('#register').val(),
amount: $('#amount').val()
},
function(status){
//console.log(xhr.status);
if(status = 'success'){
console.log(status);
$('#exampleModal').modal('hide');
$('#modal_confirm').modal('show');
}
});
});
</script>
</body>
</html>
答案 0 :(得分：0)
尝试更改status =部分以使用==。
function(status){
//console.log(xhr.status);
if(status == 'success'){
console.log(status);
$('#exampleModal').modal('hide');
$('#modal_confirm').modal('show');
}
});
当您说status = 'success'时，您需要将status的值设置为＆＃39;成功＆＃39;。但您想要检查某些内容是否为equal to，您是否需要设置值，以便我们使用==而不是=。