jquery - サーバーから生成された成功表示メッセージのjqueryフォーム

Question

私は持っている

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

これは、POST 時に $message がサーバーから生成するものです。

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 ファイル (the/form) にメッセージをエコーする必要があります。