Question

我有这个表格

 <form method="post" name="addreply" id="addreply"> 
                <input type="hidden" name="pmid" id="pmid" value="">
                <textarea rows="10" cols="5" name="message" id="message" placeholder="Write your message..."></textarea>
                <input type="submit" class="butt green" value="Send">
              </form>

这是在提交表单时调用的jQuery代码：

   $(function() {
        $('#addreply').submit(function(){

            $('#status').removeClass().addClass('alert info').html('Loading...').fadeIn();  

            $.post(
                '/index.php?i=pm&p=r', 
                $('form').serialize(),
                function (data) {
                    proccessData(data);
                }
            );
            return false;    
        });
    });
   function proccessData (data) {
        $('#status').hide().html('');

        if(data=='success'){
            $("#post").append('<li class="current-user"><img width="30" height="30" src="<?php echo $userdata['avatar'] ?>"><div class="bubble"><a class="user-name"><?php echo $userdata['username']; ?></a><p class="message">'+ $("#message").val() +'</p><p class="time"></p></div></li>');
            $('#message').val('');
        $(".widget-content").animate({ scrollTop: $('.widget-content')[0].scrollHeight}, 1000); 


        }
        else {
            $('#status').removeClass().addClass('alert error').html(data).fadeIn();
        }
    }

这是正在发布的PHP代码：

   if($_POST)
    {
        $replyPrivateMessage = $privateMessage->replyMessage();
        switch($replyPrivateMessage)
        {

                case 1:
                    $error = 'The entered text is either too short or too long.';
                    $stop = true;
                break;
                case 2:
                    $error = 'Unexpected error.';
                    $stop = true;
                break;

                //If no error = success.    
                case 100:
                    die('success');
                break;
        }

        die($error);

    }

所以问题是当我提交表单时，我会收到数据“成功”

虽然，它只是使用这个打印“成功”：

   $('#status').removeClass().addClass('alert error').html(data).fadeIn();

应该使用的地方：

if(data=='success'){
            $("#post").append('<li class="current-user"><img width="30" height="30" src="<?php echo $userdata['avatar'] ?>"><div class="bubble"><a class="user-name"><?php echo $userdata['username']; ?></a><p class="message">'+ $("#message").val() +'</p><p class="time"></p></div></li>');
            $('#message').val('');
        $(".widget-content").animate({ scrollTop: $('.widget-content')[0].scrollHeight}, 1000); 


        }

我似乎无法找到问题所在。任何人都可以帮助我吗？

Answer 1

你需要修剪数据，它很可能有一些尾随的空格：

data = $.trim(data);

或者

 data = data.trim();

Answer 2

为此使用ajax，这是非常优雅的方法

$("#addreply").submit(function(event){
    event.preventDefault();
    $.ajax({
            url:"abc.php",
            type:"POST",
            data:$(this).serialize(),
            success: function(data){
                data=data.trim();
                alert(data);
            },
            error: function(data){
                data=data.trim();
                alert(data);
            }
            });
});

jQuery Ajax Post - 表单数据未正确提交

2 个答案: