-1

JSとAJAXを使用してフォームを送信した後、データを表示するのに問題があります。コードは次のとおりです。

<script type="text/javascript">
    $(function() {
      $(".button").click(function() {
      var name = $("#name").val();
      var message = $("#message").val();
      var dataString = 'name='+ name + '&message=' + message;

      if (name == '' || message == ''){
      $('#rez').html("Empty fields");

      }else{
          $.ajax({
              type: 'post',
              url: "post.php",
              data: datastring,
              success: function() {
                 $('#rez').html(name + " " + message);
              }
          });
      }

   return false;

    });
    });
</script>

空のフィールドをいくつか残すとエラーメッセージしか表示されませんが、すべてのフィールドに入力すると、印刷された結果が表示されません。私が間違っているのは何ですか?ajaxクエリを削除し、以下のコードのように結果文字列のみを残すと、すべて正常に機能します。アドバイスありがとうございます。

}else{      
            $('#rez').html(name + " " + message);
        }
4

1 に答える 1

3

ここでは大文字を使用する必要があります。

データ: データ文字列

 <script type="text/javascript">
        $(function() {
          $(".button").click(function() {
              var name = $("#name").val();
              var message = $("#message").val();
              var dataString = 'name='+ name + '&message=' + message;

              if (name == '' || message == ''){
                $('#rez').html("Empty fields");
              }
              else {
                 $.ajax({
                    type: 'post',
                    url: "post.php",
                    data: dataString,
                    success: function() {
                        $('#rez').html(name + " " + message);
                    }
                 });
                }
           return false;

        });
        });
    </script>
于 2012-07-05T09:00:15.523 に答える