Javascript 我想加载警报,同时想加载html链接
我想要的是,当我按下按钮接受你的推广甜警报弹出窗口需要弹出,同时需要调用链接。该链接与数据库中数据列的布尔更新相关Javascript 我想加载警报,同时想加载html链接,javascript,jquery,html,ajax,Javascript,Jquery,Html,Ajax,我想要的是,当我按下按钮接受你的推广甜警报弹出窗口需要弹出,同时需要调用链接。该链接与数据库中数据列的布尔更新相关 <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.0/sweetalert.min.js"></script> <form> <a href=\"http://localhost:8080/update/status/"+pcode
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.0/sweetalert.min.js"></script>
<form>
<a href=\"http://localhost:8080/update/status/"+pcode+"/ACCEPT\"></a><input a href=\"http://localhost:8080/update/status/"+pcode+"/ACCEPT\" class="MyButton" onclick="myFunction()" type = "button" value ="Accept Your Promotion" />
</form>
<script>
function myFunction() {
swal(
'Congratulations!',
'You successfully accept your promotion',
'success'
)
}
</script>
有什么建议?
谢谢。您的意思是要将一些数据发送回服务器,并在用户单击接受促销后显示sweet alert?如果是这样,最好通过Ajax将数据发送回。将href属性从输入中移除,它不是输入的有效属性。使我的函数类似于: 本机JavaScript
function myFunction() {
var xhr = new XMLHttpRequest();
xhr.open("GET", "/update/status/" + pcode + "/ACCEPT/");
xhr.onload = function() {
if (xhr.status === 200) {
swal("Congratulations!", "You successfully accept your promotion");
} else {
swal("Uh oh, we failed to process your promotion.");
}
};
xhr.send();
}
或者对于JQuery
function myFunction() {
$.ajax("/update/status/" + pcode + "/ACCEPT/").then(
function success() {
swal("Congratulations!", "You successfully accept your promotion");
},
function fail(data, status) {
swal("Uh oh, we failed to process your promotion.");
}
);
}
因此,当单击按钮时,它将向该URL发送一个GET请求,我假设您已设置该URL,以在服务器上的数据库中将升级标记为已接受。如果服务器以http状态200 success响应get请求,则警报将显示祝贺。。。如果GET请求因任何原因失败,则它将提醒用户失败。促销?我们说的是奥奥威尔,问题是你们有比赛条件。所以你唯一能做的就是捕捉链接点击,取消事件,显示模式,并使用超时来跟踪链接。输入怎么有href?先生,实际上我不想将数据发送到服务器。我想要的是当我按下按钮时,显示sweet alert并打开该链接。当打开该链接时,它将调用SpringAPI,以便数据库中的某些值将发生更改。我认为JQuery-ajax方法需要在这里实现,但我不知道如何实现。如果您愿意,可以使用JQuery,但如果您只使用它来进行ajax调用,那么您可以在不需要的时候将其加载到一个非常大的库中。原生javascript ajax几乎和JQuerys IMO一样简单。也就是说,如果您已经在使用JQuery,那么肯定要使用JQuery。我将更新答案以包括jquery。另外,如果我们只是通过ajax发出GET请求,那么是的,您并没有真正发送任何数据。服务器只会看到您对该更新/状态url发出了请求,因此将产生与您在浏览器中实际导航到该地址相同的效果。