@alekskondr
php, javascript, yii2, drupal, MQL

Как одновременно открыть диалоговое окно и сделать ajax ответ?

Сделал при нажатии на submit, отправляется ajax и получаю ответ, но пытаюсь сделать чтоб выводилось в модальном окне, по отдельности все работает. Когда вставояю код в submit, то не работает.
<form method="POST" id="formx" action="javascript:void(null);" onsubmit="call()">
<label for="name">Name:</label><input value="" type="text">
<input onClick="getElementById('win').style.display='none';" value="Send" type="submit">
</form>

</script>
    <script type="text/javascript" language="javascript">
     	function call() {
     	  var msg   = $('#formx').serialize();
            $.ajax({
              type: 'POST',
              url: 'doprocess.php?action=sample1',
              data: msg,
              success: function(data) {
                $('#results').html(data);
              },
              error:  function(xhr, str){
    	    alert('Возникла ошибка: ' + xhr.responseCode);
              }
            });
       return false;
        }
    </script>


Здесь должен появится ответ в модальном окне
<div id="win" style="display:none;">
   <div class="overlay"></div>
      <div class="visible">
        <h2>Заголовок окна</h2>
          <div class="content">
          <div id="results">вывод</div>
          </div>
        <button type="button" onClick="getElementById('win').style.display='none';">закрыть</button>
    </div>
</div>
  • Вопрос задан
  • 950 просмотров
Решения вопроса 1
ivan_tataush
@ivan_tataush
Frontend Developer
Показывай модалку когда приходит success. Кто-то так если правильно понял задачу

function call() {
     	  var msg   = $('#formx').serialize();
            $.ajax({
              type: 'POST',
              url: 'doprocess.php?action=sample1',
              data: msg,
              success: function(data) {
                $('#results').html(data);
                $('#win').show();
              },
              error:  function(xhr, str){
    	        alert('Возникла ошибка: ' + xhr.responseCode);
              }
            });
       return false;
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы