4

私はjQueryとnode.jsが初めてで、この質問に数時間悩まされていました.stackoverflowを検索してグーグルで検索しましたが、解決策が見つかりませんでした.

この「hello world」の例を jQuery でテストしていて、node.js で実行しようとしましたが、うまくいきませんでした。

node.js サーバーのコードは次のとおりです。

var express = require('express');
var fs = require("fs");
var app = express.createServer(express.logger());
var path = require('path');

var indexText = fs.readFileSync("test.html");

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


app.get('/', function(request, response) {
  response.send(indexText.toString());
});

var port = process.env.PORT || 8080;
app.listen(port, function() {
  console.log("Listening on " + port);
});

ご覧のとおり、express.static() を使用して node.js に jQuery lib の場所を伝えようとしました。test.html の html は次のとおりです。

<html>
<head>
<title>jQuery Hello World</title>

<script type="text/javascript" src="/jquery/jquery-1.2.6.min.js"></script>

</head>

<body>

<script type="text/javascript">

$(document).ready(function(){
 $("#msgid").html("This is Hello World by JQuery");
});

</script>

This is Hello World by HTML

<div id="msgid">
</div>

</body>
</html>

次のように出力されます。

これは HTML による Hello World です これは JQuery による Hello World です

ただし、HTMLからのhelloのみを出力します

質問はばかげているかもしれませんが、私はこれに慣れていないので、あなたの助けが必要です. ありがとうございました。

4

2 に答える 2

7

わかりました、私が求めていたものに対する解決策を見つけました。これは、私を助けたコードを含む git リポジトリです。

https://github.com/jmhdez/Nodejs-Sample

これがコード付きのチュートリアルです（スペイン語ですが、Google Chromeにページ全体を翻訳させてください。問題ありません）

http://blog.koalite.com/2011/11/tutorial-node-js-express-jquery-i-creando-la-aplicacion/

もう一度助けてくれてありがとう

于 2013-07-18T21:52:58.080 に答える
2

最初の引数として文字列を使用した app.use はプレフィックスです。後に適用されるミドルウェアは、そのプレフィックスの下に配置されることを意味します。jquery の express.static の場合、/jquery に配置されます。

したがって、HTML では、jquery-1.2.6 の src は /jquery/jquery-1.2.6.js の下にあります。

ロードしようとすることでこれをテストできます

http://localhost:8080/jquery/jquery-1.2.6.min.js

それ以外の

http://localhost:8080/jquery-1.2.6.min.js
于 2013-07-18T20:15:14.530 に答える