我想加载警报,同时想加载html链接

时间:2018-09-11 11:57:19

标签: javascript jquery html ajax

我想要的是,当我按下“接受您的促销”按钮时,需要弹出甜蜜警报弹出窗口,同时需要调用链接。该链接与对数据库中的数据列进行布尔更新有关。

{
  "$project":{"total":{
    "$sum":{
      "$map":{
        "input":{"$range":[0,{"$size":"$colheita.precario"}]},
        "as":"ix",
        "in":{
          "$let":{
            "vars":{
              "pre":{"$arrayElemAt":["$colheita.precario","$$ix"]},
              "cal":{"$arrayElemAt":["$colheita.Lote.calibragem","$$ix"]}
            },
            "in":{"$multiply":["$$pre.preço","$$cal.quantidade"]}
          }
        }
      }
    }
  }}
}

有什么建议? 谢谢。

1 个答案:

答案 0 :(得分:1)

您是否要在用户单击接受促销后将一些数据发送回服务器并显示甜蜜警报?如果是这样,您最好通过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请求,我假设您已设置为将该促销标记为服务器上的数据库中接受的促销。如果服务器以http状态200成功响应get请求,则警报将显示祝贺...如果GET请求由于任何原因而失败,则它将警告用户失败。