2014-10-11 4 views
0

Я начал изучать экспресс в последнее время. Я пытаюсь использовать jQuery в HTML-документе, отправленном клиенту с помощью метода выражения res.sendFile(). HTML выглядит хорошо в браузере, но консоль возвращает следующее сообщение:Невозможно использовать jQuery с экспресс

Uncaught ReferenceError: $ is not defined.

Что я могу сделать, чтобы использовать JQuery?

app.js

var express = require ('express'); 
var app = express(); 

app.set ('views', __dirname + '/views'); 
app.set ('view engine', 'jade'); 
app.use (express.static(__dirname + '/static')); 

app.get ('/hello', function (req, res){ 
    res.send('Hello World'); 
}); 

app.get ('/', function (req, res){ 
    res.sendFile(__dirname + '/views/index.html'); 
    console.log ('IP: ' + req.ip); 
}); 

app.get ('/headers', function(req,res){ 
    res.set('Content-Type', 'text/plain'); 
    var s = ''; 
    for (var name in req.headers) s += name + ': ' + req.headers[name] + '\n'; 
     res.send(s) 
}); 

var server = app.listen(8080, function() { 
    console.log('Listening on port %d', server.address().port); 
}); 

index.html

<html> 
<body> 

<h1>Express</h1> 


<script> 

    $("h1").value('Jesus'); 

</script> 

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script> 

</body> 
</html> 
+1

Либо вы включили jQuery после своего пользовательского скрипта, либо у вас есть точка с запятой или что-то подобное отсутствует. –

+0

Включили ли вы тег сценария jQuery на своей веб-странице, чтобы jQuery был загружен и доступен на этой странице? – jfriend00

ответ

0

добавить в верхней части страницы

<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script>  
$("h1").text('Jesus'); 
</script> 
</head> 

ИЛИ ИЗМЕНИТЬ СВОЙ КОД КАК

<head> 
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script> 
<script>  
$("h1").text('Jesus'); 
</script> 
</head> 
+0

Я пробовал это, но вот сообщение: Uncaught TypeError: undefined не является функцией – JesusUS

+0

вы можете показать код? что вы пробовали и как? – Meer

+0

Извините, теперь все в порядке, проблема в том, что метод value() не существует, я использую text(). Спасибо – JesusUS

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