php - 如何使用jquery ajax将php中的echo拆分为2个不同的div

Question

我想在我的 ajax 成功中将来自 php 的 echo 分成 2 个不同的 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);
  },
});