我的Ajax方法看起来像这样
$.post(url,{ ajax_call:"putDonation", addresse:addresse, phone:phone, email:email, name:name, amount:amount, amountinwords:amountinwords }).done(function(data){ console.log(data); var arr = []; try { var str = ""; //convert to json string arr = $.parseJSON(data); //convert to javascript array $.each(arr,function(key,value){ str +="<li>"+value+"</li>"; }); alert(str); $(".alert-danger").show(); $("#error").html(str); } catch (e) { swal("Jay Gayatri !", 'Donation Sucessful', "success") $("#donation")[0].reset(); } })
我想显示一个类似这样的甜美“警告警告”弹出窗口
swal({ title: "Are you sure ?", text: "You will not be able to recover this imaginary file!", type: "warning", showCancelButton: true, confirmButtonColor: "#DD6B55", confirmButtonText: "Yes, delete it!", closeOnConfirm: false }, function(){ swal("Deleted!", "Your imaginary file has been deleted.", "success"); });
如果他们单击“取消”,则不应进行ajax调用;如果选择“是”,则仅应进行调用
所以任何人都可以告诉我如何将Ajax方法嵌入Sweet Alert方法中
Sweet Alert
谢谢
举一个简单的例子,我可以向您展示我如何在自己的网站上进行操作。我将Ajax呼叫放入了甜蜜警报中。
function deleteorder(orderid) { swal({ title: "Are you sure?", text: "Are you sure that you want to cancel this order?", type: "warning", showCancelButton: true, closeOnConfirm: false, confirmButtonText: "Yes, cancel it!", confirmButtonColor: "#ec6c62" }, function() { $.ajax( { type: "post", url: "/admin/delete_order.php", data: "orderid="+orderid, success: function(data){ } } ) .done(function(data) { swal("Canceled!", "Your order was successfully canceled!", "success"); $('#orders-history').load(document.URL + ' #orders-history'); }) .error(function(data) { swal("Oops", "We couldn't connect to the server!", "error"); }); }); }
因此,只有在您按下确认按钮时才能进行ajax调用。我希望这可以帮助您按照需要的方式排列代码。