在 jquery 中发布数据时，如何使 post.php 使用 jquery UI 弹出消息

Question

我正在使用 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>

Answer 1

AJAX 的好处是您可以通过 HTTP 向服务器发送数据或从服务器获取数据，而无需重新加载整个页面。

例如，如果您使用以下命令将数据发布到 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()我们可以将其附加到元素。