Я хочу загрузить оповещение и тем временем хочу загрузить ссылку HTML

Question

Что я хочу, так это то, что когда я нажимаю кнопку «принять ваше продвижение», всплывающее окно со сладким оповещением должно быть всплывающим и в то же время должна вызываться ссылка.эта ссылка важна для логического обновления столбца данных в базе данных.

<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>

какие будут предложения?Спасибо.

Answer 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.");
    }
  );
}

Так что при нажатии кнопки будет отправлен запрос GETна тот URL, который, как я полагаю, вы настроили, чтобы пометить продвижение как принятое в базе данных на сервере.Если сервер отвечает на запрос get с http статусом 200 success, тогда в предупреждении будут отображаться поздравления ... Если по какой-либо причине запрос GET не выполнен, он предупредит пользователя о сбое.