Javascript 如何在保存一个模式后直接打开下一个模式? 操作细节 &时代; 保存并添加行 划船# 从…起 到 高分辨率分光计 代码 操作
您可以实现javascript承诺来实现您的目标。 下面是一个您可以基于的快速示例Javascript 如何在保存一个模式后直接打开下一个模式? 操作细节 &时代; 保存并添加行 划船# 从…起 到 高分辨率分光计 代码 操作,javascript,php,modal-dialog,bootstrap-modal,modalviewcontroller,Javascript,Php,Modal Dialog,Bootstrap Modal,Modalviewcontroller,您可以实现javascript承诺来实现您的目标。 下面是一个您可以基于的快速示例 函数saveSomeData(){ 返回新承诺((解决、拒绝)=>{ //setTimeOut模拟等待API的调用 设置超时(()=>{ 解析({成功:true,消息:'数据已保存'}) }, 900) //如果API返回任何错误以捕获它,则使用reject //承诺电话 //--->拒绝(错误) }); } 函数onClickSaveModal(上一个Modalid,下一个Modalid){ //使用承诺等待
函数saveSomeData(){
返回新承诺((解决、拒绝)=>{
//setTimeOut模拟等待API的调用
设置超时(()=>{
解析({成功:true,消息:'数据已保存'})
}, 900)
//如果API返回任何错误以捕获它,则使用reject
//承诺电话
//--->拒绝(错误)
});
}
函数onClickSaveModal(上一个Modalid,下一个Modalid){
//使用承诺等待当前模式的数据
//保存以打开另一个
saveSomeData()
。然后(res=>{
如果(res.successed){
警报(“数据保存成功”);
hideModal(以前的Modalid);
//检查它是否是最后一个模式
if(nextModalId){
showModal(nextModalId);
}
}
})
.catch(错误=>{
//当你拒绝承诺时,它进入这里
警报(“试图保存数据时出现错误”);
控制台日志(err);
});
}
函数showmodel(id){
const modal=document.querySelector(`${id}`);
modal.style.display='inline block';
}
函数hideModal(id){
const modal=document.querySelector(`${id}`);
modal.style.display='none';
}
#modal1,#modal2,#modal3{
高度:100px;
宽度:100px;
利润率:0.15px;
显示:内联块;
}
#模态1{
背景颜色:浅蓝色;
}
#模态2{
背景颜色:浅珊瑚;
显示:无;
}
#模态3{
背景色:浅青色;
显示:无;
}
.打开{
显示:内联块;
}
模式1
拯救
模式2
拯救
模式3
拯救
到目前为止,您做了什么?到目前为止,我已经创建了将数据作为输入的模型,单击“保存”后,它们将根据我完成后端配置的php文件进行验证。成功后,模式关闭。为了显示模式弹出窗口,您必须执行以下操作:$('#myModal')。模式('show')代码>我的所有模态都在我的仪表板上。成功填写模式表单后,我将返回仪表板。正如我提到的,仪表板在标题中的位置。if(mysqli_query($con,$reg)){header('location:details.php');}else{echo“Error:”..$reg.
”。mysqli_Error($con);echo“alert('Error try try');”}您能将代码粘贴到问题中吗?
<?php
//session_start();
$con= mysqli_connect('localhost','root','');
mysqli_select_db($con,'cementation');
if(!$con)
{
echo "Not Connected to the server";
}
if(!mysqli_select_db($con,'cementation'))
{
echo "DB Not Selected";
}
$date= date("Y/m/d"); //1
?>
<!--6th table starts-->
<form method="post" action="/cementation/configuration/dooconfig.php">
<div class="modal fade" id="modalForm11" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header text-center">
<h4 class="modal-title w-100 font-weight-bold">Detail of Operations</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body mx-3">
<div class="row">
<div class="col-sm-12"> <!-- Imp Div 1 -->
<div class="row"> <!-- Main Row Div -->
<div class="col-sm-12"> <!-- First Main Col -->
<div class="row">
<div class="col-sm-3" style="width: 100%">
<div class="md-form mb-4">
<input type="text" id="Entry_no" name="Entry_no" placeholder="Row #"
class="form-control validate">
</div>
</div>
<div class="col-sm-3">
<div class="md-form mb-4">
<input type="text" id="from_time" name="From_time" placeholder="from"
class="form-control validate">
</div>
</div>
<div class="col-sm-3">
<div class="md-form mb-4">
<input type="text" id="to_time" name="To_time" placeholder="to"
class="form-control validate">
</div>
</div>
<div class="col-sm-3">
<div class="md-form mb-4">
<input type="text" id="hrs" name="HRS" placeholder="hrs"
class="form-control validate">
</div>
</div>
<div class="col-sm-4">
<div class="md-form mb-4">
<input type="text" id="code" name="code" placeholder="code"
class="form-control validate">
</div>
</div>
<div class="col-sm-8">
<div class="md-form mb-4">
<input type="text" id="operations" name="detail_of_operations"
placeholder="operations" class="form-control validate">
</div>
</div>
<div class="col-sm-8">
<div class="md-form mb-4">
<button type="Save" class="btn btn-primary" name="add-row"
onclick="$('#modalForm11').modal('show');">Save and Add Row
</button>
</div>
</div>
</div>
<!-- Reload
</div>
</div> -->
</div> <!-- 1st Main Col Ends -->
<div class="col-sm-12"> <!-- second col for main row starts -->
<table width="100%" border-collapse: collapse class="datafill" border="1px solid">
<tr>
<th>Row #</th>
<th>From</th>
<th>To</th>
<th>Hrs</th>
<th>Code</th>
<th>Operations</th>
</tr>
<?php
$date= date("Y/m/d");
$s= "SELECT Entry_no,From_time,To_time,HRS,code,detail_of_operations FROM detail_of_operations WHERE date='$date'";
$result= $con->query($s);
if ($result -> num_rows >0) {
while ($row = $result -> fetch_assoc()){
echo "<tr><td>".$row["Entry_no"]."</td><td>".$row["From_time"]."</td><td>".$row["To_time"]."</td><td>".$row["HRS"]."</td><td>".$row["code"]."</td><td>".$row["detail_of_operations"]."</td></tr>";
}
}
else {
echo "0 result";
}
?>
</table>
</div> <!-- Second Col for main row ends -->
</div> <!-- Main row div ends -->
</div> <!-- IMP Div 1 ends -->
<div class="modal-footer d-flex justify-content-center">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<a href="form.php">
<button type="button" class="btn btn-primary">Save</button>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="button">
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#modalForm11">Detail of
Operations
</button>
</div>
</form>