Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/376.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我想加载警报,同时想加载html链接_Javascript_Jquery_Html_Ajax - Fatal编程技术网

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发出了请求,因此将产生与您在浏览器中实际导航到该地址相同的效果。