Ajax投稿からマルチプル結果を取得する

Question

これは重複しているかもしれませんが、なぜmoコードが機能しないのか理解できません。私はAjax/phpを使って複数の結果を得ようとしています。

これは私のPHPファイルから次のとおりです。

$result11 = 'test1' 
$result22 = 'test2'; 

echo json_encode(array("data1" => $result11, "data2" => $result22)); 

Ajax呼び出し：

$(document.body).on('submit','#sendmessage',function() { 

    $.ajax({ 
     type: "POST", 
     url: "/send.php", 
     data: {par:par,kid:kid,ha:ha,sform:sform,editors:editors}, 
     cache: false, 
     dataType:'json', 
     success: function(datax) { 
      alert(datax.data1); 
     } 

    }); 
    return false; 
}); 

問題：私はフォームを送信すると

、ページがAJAX要求を送信するのではなく、リフレッシュし。この作品が、私はPHPファイルから複数の結果を得ることができません。同時に

：

$(document.body).on('submit','#sendmessagex',function() { 

    var str = $(this).serialize(); 
    $.ajax({ 
     type: "POST", 
     url: "/send.php", 
     data:str,  
     success: function(data) { 
      alert(data); 
     } 

    }); 
    return false; 
}); 

Answer 1

スクリプトへのpreventDefault（）呼び出し

$(document.body).on('submit','#sendmessagex',function(event) { 
//----------------------------------------------------^^^^^ 
    event.preventDefault(); 
    var str = $(this).serialize(); 
    $.ajax({ 
      type: "POST", 
      url: "/send.php", 
      data:str,  
      success: function(data) { 
       alert(data); 
      } 

    }); 
    return false; 
}); 

Answer 2

あなたがでpreventDefaultを使用する必要がありますを追加します。ページのリフレッシュを防止するためのコースです。その後、データ型jsonなしで2番目のコードを使用することができます。しかし、その場合には最初にあなたは、この方法のようなJSONを解析する必要があります。

success: function(data){ 
var datax = JSON.parse(data); 
//now you have object and can access like this: datax.data1, datax.data2 
} 

あなたが最初のコードを使用したい包み、PHPであなたが適切なJSON出力としてそれを定義するためにPHPのヘッダを設定する必要があります。

header('Content-Type: application/json');