AJAX查询无法成功

时间:2012-07-05 08:49:11

标签: jquery html ajax

我在使用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);
        }

1 个答案:

答案 0 :(得分:3)

你需要在这里使用大写字母:

  

数据: dataString

 <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>