2つのdivを1つのAJAXレスポンスで更新する

Question

すべて、 jQuery/AJAXを使用して、基本的に誰かが好きな曲を保存するようにファイルを呼び出しています。そこで、基本的

echo "This text would go in response text 1"; 
echo "This text would go in response text 2"; 

私はsave_song.phpで複数のエコーのを持ってしようとしている。このような何かを持っているPHP側で次に

var html = $.ajax({ 
type: "POST", 
url: "save_song.php", 
data: "song_id=" + song_id + "&love_like_hate=hate", 
async: false 
}).responseText; 

$("#div_song_id_"+song_id).html(responseText1); 
$("#love_it").html(responseText2); 

：私は、次のような何かをしようとしています最初のエコーは最初のdivに行き、2番目のエコーは更新が必要な2番目のdivに移動します。どのようにこれを行うにはどのようなアイデア？

Answer 1

あなたのPHPコードは、JSON文字列をバック与えることができる：

<?php 
    echo json_encode(array(
     'test1' => 'This text would go in response text 1', 
     'test2' => 'This text would go in response text 2' 
    )); 
?> 

を次に、あなたはjQueryの中でそれを解析することができます

$.ajax({ 
    type: "POST", 
    url: "save_song.php", 
    data: "song_id=" + song_id + "&love_like_hate=hate", 
    dataType: 'json', 
    async: false, 
    success: function(response) { 
     if (response && response.text1 && response.text2) { 
      $("#div_song_id_"+song_id).html(response.text1); 
      $("#love_it").html(response.text2); 
     } 
    } 
}); 

Answer 2

私はjsonでこれを行います。あなたのPHPで連想配列をエコーし​​てjsonでエンコードすると、jQueryは自動的にjson文字列をオブジェクトに変換します。

また、何らかの区切り文字（|&*etc...など）で2つのステートメントをエコーアウトした後、javascriptで分割することもできますが、これを行うのがよりクリーンな方法だと思います。

//php 
echo json_encode(array(
    "responseText1" : "This text would go in response text 1", 
    "responseText2" : "This text would go in response text 2" 
)) 

//javascript 
$.ajax({ 
    type: "POST", 
    url: "save_song.php", 
    dataType: "json", 
    data: "song_id=" + song_id + "&love_like_hate=hate", 
    success:function(val){ 
     $("#div_song_id_"+song_id).html(val.responseText1); 
     $("#love_it").html(val.responseText2); 

    } 
});