如何在2个不同的div中用jquery ajax分割php中的回声

Question

我想在ajax成功的情况下，把来自php的回声分成两个不同的div。

$.ajax({
        url: 'counter.php',
        type: 'POST',
        data: { 
               some_data:some_data                             
               },                   
        success: function(data){
            $('.div1').html(data); // in here 1st echo
            $('.div2').html(data); // in here 2nd echo
        },

    });

counter.php的代码是这样的。

if (file_exists($blogfile)) {
   echo 'content updated'; // this echo should come in div1
}
else {
   echo 'file does not exist anymore'; // this echo should come in div2
}

我怎样才能实现这个目标？

Answer 1

一种方法是从PHP中返回一个JSON对象，它包含两个属性：第一--消息本身，第二--某种状态指示器，JS可以用它来决定如何处理该消息。

例如

PHP:

$result = array();

if (file_exists($blogfile)) {
   $result["message"] = 'content updated'; // this echo should come in div1
   $result["status"] = 1;
}
else {
   $result["message"] = 'file does not exist anymore'; // this echo should come in div2
   $result["status"] = 2;
}

echo json_encode($result);

JavaScript：

$.ajax({
  url: 'counter.php',
  type: 'POST',
  data: { 
    some_data:some_data                             
  },
  dataType: "json",
  success: function(data){
    var div;
    if (data.status == 1) div = $('.div1');
    else div = $('.div2');
    div.html(data.message);
  },
});