Код:
html
head
title abc123
body
for t in things
button(onclick="doThing('" + t + "')") #{t}
br
div(id='box' style='display:none;')
input(id='boxInput' type='text')
button
script(src='https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js' type='text/javascript')
script(type='text/javascript').
var doThing = function (thing) {
document.getElementById('box').style.display = 'block';
var xmlHttp = new XMLHttpRequest();
xmlHttp.open('POST', '/doThing', false);
xmlHttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
xmlHttp.send('name=' + thing);
}
1) «Ящик» и его содержимое никогда не отображаются после того, как я нажму на одну из них. Его отображаемое значение по-прежнему равно «none». Почему это?
2) Я хотел бы использовать это вместо XMLHttpRequest:
$.ajax({
type: 'POST',
url: '/doThing',
// etc...
});
, но консоль всегда возвращается с 'Uncaught ReferenceError: $ не определено'. Я изменил расположение точек, создал отдельный скрипт только для jQuery, но все равно получаю ту же справочную ошибку. Что я делаю не так?
Заранее спасибо.