Problema usando JSON

Montei uma funcao em Ajax que esta pegando informacoes em uma pagina em PHP para popular um select.

O envio e o recebimento dos dados esta funcionando, mas estou com dificuldades em estruturar os dados.

Meu retorno do PHP esta assim:

{"quantidade":4,"id":[8,6,7,5],"nome":[Congelado,Doce,Enlatado,Natural]}

E quando uso o Chrome para ver o erro do JS, da isso:

(function (evt) {with (this.ownerDocument ? this.ownerDocument : {}) {with (this.form ? this.form : {}) {with (this) {return (function(evt){cate_1(this);

}).call(this, evt);}}}})

A parte recebendo esta assim:

var jsonData = eval('('ajaxCom.responseText')'); //LINHA ACUSANDO ERRO
document.getElementById("catSec").innerHTML = jsonData.quantidade;

Obrigado desde ja.