jquery - 从服务器生成的成功显示消息上的 jquery 表单

Question

我有

<div id="infoMessage" class="infoMessage"><?php echo $message;?></div>

$message 将在 POST 时从服务器生成。

如果我想在 ajax 成功后显示 infoMessage 我该怎么做

 $.ajax({
   type: "POST",
   url: "the/form",
   data: $(\'.target\').serialize(),
   success: function() {
    alert("done");
    // how to show the infoMessage ?
    }
  });

Answer 1

 $.ajax({
   type: "POST",
   url: "the/form",
   data: $(\'.target\').serialize(),
   success: function(data) { // data is a callback variable which stores info echoed in PHP file during transfer, so you have to $message there to get it here
    alert(data); // this will alert it
    }
  });

在这里，您可以使用任何变量而不是函数（数据）来存储 AJAX 响应

Answer 2

尝试使用以下代码而不是您拥有的代码。

$.ajax({
   type: "POST",
   url: "the/form",
   data: $(\'.target\').serialize(),
   success: function(data) {
    alert(data); //data contains the ajax response
    $("#infoMessage").html(data); //you set here where to ajax response will be displayed
    }
  });

Answer 3

$.ajax({
   type: "POST",
   url: "the/form",
   data: $(\'.target\').serialize(),
   success: function(data) {
    //alert("done");
    $('#infoMessage').html(data);
    }
  });

您必须在 ajax 文件（/表单）中回显消息