我想在用戶注冊后執行此操作,顯示成功訊息并且文本框再次為空并準備下次注冊,但注冊成功訊息僅在第一次注冊時顯示,但我想顯示每次注冊
public IActionResult submitSingelControlItem(int Projectid,String calender, String ProjectName,String ProjectManagementName, String ajaxControlItem,String ajaxFraindName,int SingelControlState)
{
Hesabrsee hesabrsee = new Hesabrsee();
hesabrsee.ControlDate = ConvertDateTime.ConvertShamsiToMiladi(calender);
hesabrsee.SabtDate = DateTime.Now;
hesabrsee.Projectid = Projectid;
hesabrsee.ProjectName = ProjectName;
hesabrsee.ProjectManagementName = ProjectManagementName;
hesabrsee.FaraindName = ajaxFraindName;
hesabrsee.Deiscreption = ajaxControlItem;
hesabrsee.ControlState = SingelControlState;
_context.Add(hesabrsee);
_context.SaveChanges();
return Json(new { status = "ok" });
}
<script>
$("#btn").on('click', function () {
var ajaxFraindName = $("#ajaxFraindName").val();
var ajaxControlItem = $("#ajaxControlItem").val();
var calender = $("#calender").val();
var SingelControlState = $("#SingelControlState").val();
if (ajaxFraindName == '' || ajaxControlItem == '' || calender == '' || SingelControlState == '') {
alert("???? ????? ?? ?? ?? ????");
}
else {
$.ajax({
type: "Post",
url: '@Url.Action("submitSingelControlItem", "Hasabrsee")',
data: {
'ajaxControlItem': $("#ajaxControlItem").val(),
'ajaxFraindName': $("#ajaxFraindName").val(),
'Projectid': $("#Projectid").val(),
'ProjectName': $("#ProjectName").val(),
'ProjectManagementName': $("#ProjectManagementName").val(),
'calender': $("#calender").val(),
'SingelControlState': $("#SingelControlState").val(),
}
}).done(function (res) {
if (res.status == 'ok') {
$("#ohsnap").removeClass('d-none').removeClass('alert-danger').addClass('alert-success').html('???? ?????? ?? ?????? ??? ??');
$("#ajaxControlItem").val("");
$("#ajaxFraindName").val("");
}
setTimeout(function () {
$('#ohsnap').fadeOut('fast');
}, 2000)
});
}
});
</script>
<div id="ohsnap" class="col-md-4 col-xs-12 alert d-none" style="text-align:center;"></div>
uj5u.com熱心網友回復:
當然,它只顯示一次訊息,因為您是從$("#ohsnap")div中洗掉類,然后您沒有恢復它。
嘗試使用Toastr顯示彈出警報。這樣做更容易。
從 Toastr 檔案:
下載 CSS 和 JS 檔案并將它們添加到您的專案中。
參考css
<link href="toastr.css" rel="stylesheet"/>參考腳本
<script src="toastr.js"></script>在你的 .done() 函式呼叫 toastr;
.done(function (res) { if (res.status == 'ok') { toastr.success('title-here', '???? ?????? ?? ?????? ??? ??', { timeOut: 2000, closeButton: true, }); $("#ajaxControlItem").val(""); $("#ajaxFraindName").val(""); });
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/363954.html
