Php 不显示模态
我想在提交表单时显示一个通知模式。但不幸的是,该模式没有弹出,这里是代码Php 不显示模态,php,jquery,html,Php,Jquery,Html,我想在提交表单时显示一个通知模式。但不幸的是,该模式没有弹出,这里是代码 $(“#submitmodalRetailer”).submit(函数(){ var FirstName=$('#firstnamedirector').val(); var LastName=$(“#LastName零售商”).val(); var QRCodeRetailer=$('#QRCodeRetailer').val(); var prefixNumberRetailers=$('#prefixNumberR
$(“#submitmodalRetailer”).submit(函数(){
var FirstName=$('#firstnamedirector').val();
var LastName=$(“#LastName零售商”).val();
var QRCodeRetailer=$('#QRCodeRetailer').val();
var prefixNumberRetailers=$('#prefixNumberRetailer').val();
var Retailer7Digits=$('#Retailer7Digits').val();
$.ajax({
类型:“POST”,
url:“addRetailer.php”,
数据:$('form.form').serialize(),
成功:功能(msg){
$(“#RetailerAdd”).modal('hide');
location.reload();
如果(消息=='有效'){
$(“#RetaileradShow”).modal('show');
}else if(msg=='AlreadyExists'){
$(“#条形码存在”).modal();
}否则,如果(消息=='Invalid'){
警报('您的条形码号码无效。\n用户仅100001到199999')
}
},
错误:函数(){
警报(“故障”);
}
});
返回false;
});代码>
您需要阻止提交按钮的默认操作。
使用preventDefault()
请在此处阅读:
您可以删除
location.reload();
在Ajax中,一种避免页面重新加载的成功方法阻碍了弹出窗口的显示
您还可以添加
e.preventDefault();
在按钮单击事件中,防止表单提交导致重新加载,这也可能阻碍弹出窗口的显示。
您需要将e作为参数添加到事件中
$(“#submitmodalRetailer”).submit(函数(e){。
e、 预防默认值();
var FirstName=$('#firstnamedirector').val();
var LastName=$(“#LastName零售商”).val();
var QRCodeRetailer=$('#QRCodeRetailer').val();
var prefixNumberRetailers=$('#prefixNumberRetailer').val();
var Retailer7Digits=$('#Retailer7Digits').val();
$.ajax({
类型:“POST”,
url:“addRetailer.php”,
数据:$('form.form').serialize(),
成功:功能(msg){
$(“#RetailerAdd”).modal('hide');
//location.reload();
如果(消息=='有效'){
$(“#RetaileradShow”).modal('show');
}else if(msg=='AlreadyExists'){
$(“#条形码存在”).modal();
}否则,如果(消息=='Invalid'){
警报('您的条形码号码无效。\n用户仅100001到199999')
}
},
错误:函数(){
警报(“故障”);
}
});
返回false;
});代码>
,因为您使用了location.reload();在有效通知弹出之前。。您的页面将被重新加载,并且进一步的代码将不会执行location.reload()
将刷新页面,并且在此行之后不会执行任何代码。
e.preventDefault();