2015-03-13 5 views
0

Я пытаюсь создать действительно простой html tableTree. У меня нет опыта программирования html/javascript, поэтому я просматриваю google, чтобы найти примеры того, что я пытаюсь достичь.Uncaught TypeError jqute

В настоящее время я пытаюсь найти простой способ передать json-файл в html-документ, и я был успешным, выполнив эту часть кода самостоятельно и используя ajax и jquery.

Однако я нашел пример с помощью jqote2, хотя реализация этого примера дает мне ошибку «Uncaught TypeError: undefined не является функцией». Я предполагаю, что я что-то не хватает, хотя я не могу понять, что таким образом я надеюсь, что я мог бы получить некоторую помощь здесь :)

<!DOCTYPE html> 
<html> 
<head> 
    <script src="jquery/jquery-1.11.2.min.js"></script> 
    <script src="jqote2/jquery.jqote2.js"></script> 
    <script type="text/html" id="template"> 
    <![CDATA[ 
    <tr> 
     <td class="no"><%= j+1 %></td> 
     <td class="title"><%= this.Title %></td> 
    </tr> 
    ]]> 
    </script> 
    <!-- 2 load the theme CSS file --> 
    <title>Test</title> 
    </head> 

    <body> 
    <script type="text/javascript"> 
    var jsondata = [{"Title": "Dr.", "Surname": "House", "Firstname": "Geronimo"},{"Title": "Mr.", "Surname": "Franklin", "Firstname": "Benjamin"}]; 
    // Now call jQote on the template providing your json data 
    $('#template').jqote(jsondata).appendTo($('#users')); 
    </script> 

    <div> 
    <table id="users"></table> 
    </div> 

</body> 
</html> 

Я построить этот код на примере найденного в http://aefxx.com/jquery-plugin/jqote/

При выполнении этого кода я получаю сообщение об ошибке на

$('#template').jqote(jsondata).appendTo($('#users')); 

Итак, что мне не хватает :) Я проверить и включаемые файлы действительно существует и правильный путь.

ответ

0

У вас возникла проблема в разделе CData Символы, подобные «<» и «&», являются незаконными в элементах XML.

"<" будет генерировать ошибку, потому что синтаксический анализатор интерпретирует ее как начало нового элемента.

«&» будет генерировать ошибку, поскольку анализатор интерпретирует ее как начало символьной сущности.

Некоторые тексты, такие как код JavaScript, содержат много символов «<» или «&». Чтобы избежать ошибок, код сценария может быть определен как CDATA.

Все, что находится внутри секции CDATA, игнорируется синтаксическим анализатором. Moveover вы не можете писать строки, как вы делали

http://www.w3schools.com/xml/xml_cdata.asp

рисунок таблицу из объекта JSon бы как этот

<!DOCTYPE html> 
<html> 
<head> 
    <script src="jquery-1.11.2.min.js"></script> 

    <!-- 2 load the theme CSS file --> 
    <title>Test</title> 
    </head> 


    <script type="text/javascript"> 
    var jsondata = [{"Title": "Dr.", "Surname": "House", "Firstname": "Geronimo"},{"Title": "Mr.", "Surname": "Franklin", "Firstname": "Benjamin"}]; 
    // Now call jQote on the template providing your json data 

    $(document).ready(function() { 
     $.each(jsondata, function(key, value) { 
      $.each(value, function(k, v) { 
        $("#"+k).html(v); 

      }); 
    }); 
}); 

    </script> 

    <body> 
    <table> 
    <tr> 
    <td id="Title"></td> 
    <td id="Surname"></td> 
    <td id="House"></td> 
    <td id="Firstname"></td> 
    </tr> 
    </table> 

</body> 
</html> 

первый цикл урежут объект в массивах, то второй один позволит вам получить ключи и значения, а затем делать то, что вы хотите с ними.^_^надеюсь, что эта помощь

+0

Что такое парсер, о котором мы говорим, потому что я понимаю это

 Смежные вопросы

  • Нет связанных вопросов^_^