Как сделать сообщение. php для всплывающего сообщения, используя jquery интерфейс при публикации данных в jquery - PullRequest
1 голос
/ 30 января 2020

Я использую jQuery для отправки формы, которая вызывает another.php, затем я использую jQuery -UI для всплывающего сообщения, но оно не отображается.

Без поста, если я передам параметры в качестве переменных, появится всплывающее сообщение.

Это jQuery:

<script>
$(document).ready(function() {
  $("#divhide").hide();
  $('#info').submit(function() {
    $.post('another.php',$('#info').serialize(), function() {
      location.reload(true);
    });
  return false;
});
</script>

И это код в another.php:

<link rel="stylesheet" href="assets/jquery-ui.css">
<script src="assets/jquery.min.js"></script>
<script src="assets/jquery-ui.js"></script>
<script>
$(function() {
  $("#dialog").dialog({
     width: 200,
     hide: 'slide',
     position: 'top',
     show: 'slide',
     close: function(event, ui) {
       window.location.href = history.back();
    }
  });
});
</script>
<div id="dialog" title="Error">
  <p><?php echo "Error : Already  X has the value $X"; ?></p>
</div>

1 Ответ

1 голос
/ 31 января 2020

Преимущество AJAX заключается в том, что вы можете отправлять данные на сервер или получать данные с сервера через HTTP без перезагрузки всей страницы.

Например, если вы публикуете данные в a PHP Скрипт с:

$(function() {
  $("#divhide").hide();
  $('#info').submit(function() {
    $.post('another.php', $(this).serialize(), function(data) {
      $("#divhide").html(data).show();
    });
  return false;
});

Ваш скрипт опубликует данные в PHP и получит некоторый результат в виде переменной data обратно. JavaScript может принимать много типов данных назад, например, Текст, HTML, JSON и XML. Поэтому, если вы ожидаете HTML назад, вы можете просто добавить его к объекту.

Например, если another.php имеет следующий код:

<div id="dialog" title="Error">
  <p><?php echo "Error : Already X has the value $X"; ?></p>
</div>

Тогда это будет вернитесь в data и, используя .html(), мы можем добавить его к элементу.

...