jquery从php服务器返回错误消息不在div中显示

Question

我这边有一个简单的js代码，如果有像自定义msg这样的错误，我想从我的php json服务器端返回错误消息。

php

<?php
header('Content-Type: text/html; charset=utf-8');
require_once('class/MysqliDb.php');
$db = new Mysqlidb();
$cols = array("card_id","card_os");

$cards = $db->get("cards",null,$cols);
if($db->count >0){
$cards['status'] = 'success';
} else {
$cards['status'] = 'fail';
$cards['error'] = 'fail to insert';
}
echo json_encode($cards);
?>

至于我的js

 $(document).ready(function() {
 $.post('./get_cards.php',$(this).serialize(),function(msg){


 if(msg.status == 'success'){
 $('#cardlist').html(format(msg));                        
 }
 else if(msg.status == 'fail') {
  console.log(msg.error);
 $('#cardlist').html(msg.error);
 }
 },'json');

 } );

我正在尝试让我的#cardlist div从我的服务器端有这个错误消息‘插入失败’。它没有在div中显示msg，而是在正确填充数据时显示。

使用format()函数更新

 function format ( d ) {
 var html = null;
 var card_os = null;
 $.each(d,function(k,v){
 if(v.card_os){
  card_os = v.card_os;
  }
 if(v.card_id){
 var card_id = v.card_id;
  html += '<li>'+
          '<h3>'+card_id+'</h3>'+
          '<img src="images/'+card_id+'.jpg" width="100" height="100"'+
          '</li>';
   }
 });
 $('#test_title').html('<h1>test: '+card_os+'</h1>');
 return html;
 }

html代码

<div id="columns" class="grid-4" style="display:block;">
        <ul class="test columns-4">
        <div id="cardlist"></div>
        </ul>
    </div>

Answer 1

你能把你的html代码也给我看看吗？也许你的div id是错误的，或者它是一个类，你使用了错误的标签。