通过Ajax jQuery更改背景颜色？

场景：我的用户有他们自己的个人资料页面,它们具有不同的背景颜色和字体,我想例如使用ajax从某个用户那里检索颜色.即

$.ajax({ 
    type: "POST", 
    data: "id", 
    url: "ajax/css.PHP", 
    success: function (bg,font) { 
        $('#bg').css('background-color', 'bg');
        $('#font').css('font-color', 'font');
    } 

ajax / css.PHP页面

<?PHP

//retrieve the background and font data from database for the id(userID).

// this is the bit I'm stuck here, shall I echo the results or return them :~

?>

解决方法:

JSON在这里可能最简单,像这样：

$.ajax({ 
   type: "POST", 
   data: { id: someIDVariable }, 
   url: "ajax/css.PHP", 
   success: function (result) { 
     $('#bg').css('background-color', result.bg);
     $('#font').css('font-color', result.font);
   } 
});

或者使用$.getJSON()的较短形式是GET选项：

$.getJSON("ajax/css.PHP", { id: someID }, function (result) { 
  $('#bg').css('background-color', result.bg);
  $('#font').css('font-color', result.font);
});

然后在PHP中：

eacho json_encode(array('font'=>$font,'bg'=>$bg));
//which will echo this format: { "font": "Arial", "bg": "#000000" }