Почему метод appendTo не найден в моем скрипте jQuery? - PullRequest
Новая
       35

Почему метод appendTo не найден в моем скрипте jQuery?

0 голосов
/ 04 июня 2018

Я использую функцию шаблона JQuery для отображения моего шаблона в html-файле.Я загрузил библиотеки следующим образом: 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.templates/beta1/jquery.tmpl.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>

<script src="../static/js/Dashboard.js"></script>

, когда я вызываю пустой метод для элемента, за которым следует $ (...). Tmpl (...). AppendTo, он ничего не отображает и выдает ошибку:

Ошибка типа: $ (...). Tmpl (...). AppendTo не является функцией

Однако, если я использую innerHTML или вручную устанавливаю переменнуюв виде пустой строки он показывает старые данные, а также обновленные данные.

Можете ли вы сказать мне, что не так с моим кодом: 

(function(){
GetList();

$('#btnUpdate').click(function() {
$.ajax({
    url: '/updateList',
    data: {
        title: $('#editTitle').val(),
        description: $('#editDescription').val(),
        id: localStorage.getItem('editId')
    },
    type: 'POST',
    success: function(res) {
        $('#editModal').modal('hide');
        // Re populate the grid
        GetList();
    },
    error: function(error) {
        console.log(error);
    }
});
});
});

function GetList() {
$.ajax({
    url: '/getList',
    type: 'GET',
    success: function(res) {
        var listObj = JSON.parse(res);
        $('#ulist').empty();
            // var list = '';
        $('#listTemplate').tmpl(listObj).appendTo('#ulist');

    },
    error: function(error) {
        console.log(error);
    }
});
}

После ввода новых данных при нажатии кнопки обновления, эти новые данные должны быть обновлены в HTML-шаблон

1 Ответ

0 голосов
/ 05 июня 2018

Следуя примеру из этой документации : 

$.tmpl( $("#listTemplate").html(), listObj ).appendTo( "#target" );

По сути, как контур: 

$.tmpl( myTemplate, myData ).appendTo( "#target" );

Где первый параметр - это шаблон в виде строки,второй параметр - это ваш объект json, а затем результаты добавляются таким образом.

...