ajax投稿から自己にデータを返すのに問題がある

Question

javascriptが無効になっていれば自己にフォームを投稿しようとしていますが、JavaScriptが有効な場合はajaxで投稿しています。ジャバスクリプトが無効になっている場合

次の例では動作しますが、私はresponseは、AJAXを使用して成功した場合に返されません取得：

<?php 

if (isset($_POST['form'])) { 

    $return['msg'] = 'congrats. it was posted to self'; 

    if (isset($_POST['ajax'])) { 
    echo json_encode($return); 
    } 

} 

?> 

<script type="text/javascript"> 

$(document).ready(function() { 

$('#test-form').submit(function(e) { 

    var postTo = location.href; 

    var formData = $(this).serialize()+'&ajax=true'; 

    $.ajax({ 
    type: 'POST', 
    url: postTo, 
    data: formData, 
    dataType : 'json', 
    success: function(response) { 
     console.log(response); // Not getting anything here 
     $('#test-form-response').html(response.msg);   
    } 
    }); 

    e.preventDefault(); 

}); 

}); // End doc ready 

</script> 

<form id="test-form" method="post" class="validate"> 
    <input type="hidden" name="form" value="test"> 
    <input type="submit" id="submit-button" value="Submit"> 
</form> 

<div id="test-form-response"><?php if (isset($return['msg'])) { echo $return['msg']; } ?></div> 

Answer 1

主なものはここにあるリクエストがAjaxが、その後JSONをエコーし​​た後、スクリプトを終了したときでありますデータ

if (isset($_POST['ajax'])) { 
    echo json_encode($return); 
    exit; 
}