добавить данные на веб-страницу путем итерации объекта json, возвращаемого (эхо) php

Question

Я использую cakephp для разработки веб-страницы, которая динамически добавляет данные, полученные с сервера. Добавленные данные можно превратить в аккордеоны jquery (не показаны).

Я пробовал некоторые предложения, как видно из других тем, но на веб-странице ничего не отображается.

JavaScript такой:

<script type="text/javascript">
$.getJSON('viewmjcatjson.ctp', function(data){
var content = '<div id="majorcat">\n';
      $.each(data, function(index,cat){

            content += '<h2><a href="#">' + cat.category + '</a></h2><div>\n';  
        content += cat.description + '</div>\n'; 

        });
$("#majorcat").append(content);
});
</script>

Файл viewmjcatjson.ctp таков:

<?php
Configure::write('debug', 0);
echo json_encode($majorCategories);
?>

Возвращенный объект json действителен (проверено с помощью jsonlint)

[{
    "MajorCategories":{
        "category":"Corporate Governance",
        "description":"description on Corporate Governance"
    }
},
{
    "MajorCategories":{
        "category":"Earnings Report",
        "description":"description on Earnings Report"
    }
},
{
    "MajorCategories":{
        "category":"Equity",
        "description":"Relating to stock"
    }
},
{
    "MajorCategories":{
        "category":"Financial Issue",
        "description":"The area of finance dealing with monetary decisions that business enterprises make and the tools and analysis used to make these decisions"
    }
}
]

Я подозреваю, что что-то не так в каждом цикле, но я не уверен.

EDIT Весь php-файл, содержащий javascript.

<?php echo $html->script('jquery-1.5.1.min.js'); ?>
<?php echo $html->script('jquery-ui-1.8.13.custom.min.js'); ?>
<?php echo $html->css('ui-lightness/jquery-ui-1.8.13.custom.css'); ?>

<script type="text/javascript" src="development-bundle/jquery-1.3.2.js"></script>
<script type="text/javascript" src="development-bundle/ui/ui.core.js"></script>
<script type="text/javascript" src="development-bundle/ui/ui.accordion.js"></script>

<div class="users form">
<h1><?php echo $article['Article']['title']?></h1>
<p><small>Author: <?php echo $article['Article']['author_all']?></small></p>
<p><?php echo $article['Article']['full_text']?></p>
<br>
<hr>
<br>
<table>
  <tr>
    <td width="60%">
<div id="majorcat">
</div>
</td>
<td width="40%">
<div id="minorcat">
</div>
</td>
</tr>
</table>
</div>

<div class="actions">
<h3><?php __('Menu'); ?></h3>
<ul>
    <li><?php echo $this->Html->link(__('Logout', true),
        array('controller' => 'users', 'action' => 'logout'));?></li>
</ul>
</div>

<script type="text/javascript">
$(function(){
$.getJSON('viewmjcatjson.ctp', function(data){
        var content = '<div id="majorcat">\n';
            $.each(data, function(index,cat){
                content += '<h2><a href="#">' + cat.category + '</a></h2><div>\n';  
            content += cat.description + '</div>\n'; 
            });
 $("#majorcat").append(content);
});
})
</script>

Answer 1

<script type="text/javascript">
$(function(){ 
    $.getJSON('viewmjcatjson.ctp', function(data){
          var content = '<div>'; 
          $.each(data, function(index,cat){
             content += '<h2><a href="#">' + cat.MajorCategories.category + '</a></h2>      <div>';  
              content += cat.MajorCategories.description + '</div>'; 
          });
    $("#majorcat").append(content);
    });
})
</script>

Вам не хватает документа. Уже

Answer 2

Я заметил консоль Firebug, показывающую, что viewmjcatjson отвечает не данными в формате json, а файлом HTML.Содержание на самом деле точно такое же, как у файла PHP.

Так что я понял, что это может быть проблемой маршрутизации.Изменение на ...

$.getJSON('../viewmjcatjson', function(data){

... решает проблему.

Спасибо Interstellar_Coder за исправленный код.