Блог

Я хотел бы создать кнопку, при нажатии на которую всплывет сообщение sweet alert и там будет текстовое поле, и я хочу получить значение текстового поля, а затем отправить его в мое действие через ajax, это может произойти? код, подобный приведенному ниже, спасибо

 $("btn").click(function(){
  swal({
     title:'Please text the number',
     text:'You can text more than one',
     content:"input",
     showcancelbutton:'true',
     button{
        text:"Search"    
     }
  }), function(InputData)
    {
       if(InputData === ""){
      swal('Error','You Need To Write Something','error')
    }
   $.ajax({
      url:@Url.action("MyActionName","MyControllerName"),
      method:"Post",
      data: InputData
})
    }
})
  

это мой первый пост здесь, большое спасибо

Полный пример, который я получаю с веб-сайта swal. Выполните этот же шаг, и вы получите его:

 swal({
  text: 'Search for a movie. e.g. "La La Land".',
  content: "input",
  button: {
    text: "Search!",
    closeModal: false,
  },
})
.then(name => {
  if (!name) throw null;
 
  return fetch(`https://itunes.apple.com/search?term=${name}amp;entity=movie`);
})
.then(results => {
  return results.json();
})
.then(json => {
  const movie = json.results[0];
 
  if (!movie) {
    return swal("No movie was found!");
  }
 
  const name = movie.trackName;
  const imageURL = movie.artworkUrl100;
 
  swal({
    title: "Top result:",
    text: name,
    icon: imageURL,
  });
})
.catch(err => {
  if (err) {
    swal("Oh noes!", "The AJAX request failed!", "error");
  } else {
    swal.stopLoading();
    swal.close();
  }
});