使用 JQuerys .post() 没有响应

Question

我有一个非常简单的表单来更新用户的状态消息。表单确实有效，但我没有收到任何响应（使用 firebug 提交后的响应为空）。

这是 html/js：

<form id="StatusUpdateForm" method="post" action="http://www.url.com/process.php">
<input name="StatusUpdate" type="text" id="StatusUpdate" />
<input type="hidden" name="userid" value="<?=$_SESSION['user']['id']?>" />
<input type="submit" value="Update your status" />
</form>
<div id="results"></div>

<script>
/* attach a submit handler to the form */
$("#StatusUpdateForm").submit(function(event) {

/* stop form from submitting normally */
event.preventDefault(); 

/* get some values from elements on the page: */
var $form = $( this ),
StatusUpdate = $form.find( 'input[name="StatusUpdate"]' ).val(),
userid = $form.find( 'input[name="userid"]' ).val(),
url = $form.attr( 'action' );

/* Send the data using post and put the results in a div */
$.post( url , $("#StatusUpdateForm").serialize(),
     function( data ) {
          $('#results').html(data);
     }
);
});
</script>

这是 process.php：

if($_POST['StatusUpdate']&&$_POST['userid']){
    if( StatusMessage::set($_POST['userid'], $_POST['StatusUpdate']) ){
    echo "<div id='content'>Comment updated!</div>";
    } else {
    echo "<div id='content'>Problem updating comment. Try again.</div>";
    }
}

Answer 1

将 return 更改为 echo。如果它没有输出任何东西，就不会发送任何响应！

if ($_POST['StatusUpdate'] && $_POST['userid']) {
    if (StatusMessage::set($_POST['userid'], $_POST['StatusUpdate'])) {
        echo "<div id='content'>Comment updated!</div>";
    } else {
        echo "<div id='content'>Problem updating comment. Try again.</div>";
    }
} else {
    if (!empty($_SERVER['HTTP_X_REQUESTED_WITH']) 
        && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest'
    ) {
        echo "<div id='content'>Some other error!</div>";
    }
}

为了额外确保它正在执行，请添加一个错误回调函数：

$.post(url , $("#StatusUpdateForm").serialize(), function(data) {
    $('#results').html(data);
}).error(function(eventData) { 
    alert('error: ' + eventData); // try that
});

或者（首选）：

$.ajax({
    type: 'POST',
    url: url,
    success: function(response) {
        $('#results').html(response);
    },
    error: function(xhr, textStatus, errorThrown){
        // alert(errorThrown);
        alert(textStatus);
    }
});

Answer 2

调用ajax时不能使用绝对路径。 即使，如果您没有调用外部网址。

将 http://www.url.com/process.php 更改为 process.php