使用node.js时包含外部js

时间:2015-03-23 11:19:40

标签: javascript jquery node.js socket.io

我使用socket.io

为聊天应用程序提供了以下代码



<htmL>
<head>
<title>Chat with socket.io and node.js</title>
<style>
#chat{
height:500px;
}
</style>
</head>
<body>
<div id="chat"></div>
<form id="send-message">
<input size="35" id="message"></input>
<input type="submit"></input>
</form>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="socket.io/socket.io.js"></script>
<script>

jQuery(function($){
var socket=io.connect();
var $messageForm=$('#send-message');
var $messageBox=$('#message');
var $chat=$('#chat');

$messageForm.submit(function(e){
e.preventDefault();
socket.emit('send message',$messageBox.val());
$messageBox.val('');
$messageBox.focus();
});

socket.on('new message',function(data){
$chat.append(data+"<br/>");
});

});
</script>
</body>
</html>
&#13;
&#13;
&#13;

当我运行它时它工作正常。

但是当我用本地sotred更改jquery文件时,即使它出现在那里也没有得到该文件。 请解决我。

修改后的代码

&#13;
&#13;
<script src="/jquery.min.js"></script>
<script src="socket.io/socket.io.js"></script>
&#13;
&#13;
&#13;

如何在此处包含外部js文件。

1 个答案:

答案 0 :(得分:1)

服务器端jQuery

使用NPM在服务器端安装jQuery:https://www.npmjs.com/package/jquery

命令行:npm install jquery

代码:var $ = require('jquery');

Simples。 * 啁啾 *

客户端jQuery

将文件放在名为“public”的文件夹中,然后从那里加载文件

<script src="/public/jquery.min.js"></script>

然后在服务器端(我假设您正在使用express?),请执行:

//For Reference Only...
var express = require('express')
var app = express();

app.use('/public', express.static(__dirname + '/public'));

然后,您要加载的任何其他静态文件都必须放在公用文件夹中。