Как я могу использовать HTML5 и JQuery в node.js

Question

Как я могу использовать HTML5 и JQuery в node.js

0

Я хочу использовать свой оригинальный html в node.js

Это просто hsh.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title> How to Say Hello </title>
    <link type="text/css" href="./sys/lib/css/uniform.default.css" rel="stylesheet" media="screen" />
    <link type="text/css" href="./sys/lib/css/jquery-ui.1.10.3.smoothness.css" rel="stylesheet" media="screen" />
    <script type="text/javascript" src="./sys/lib/scripts/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="./sys/lib/scripts/jquery-ui.1.10.3.min.js"></script>
    <script type="text/javascript" src="./sys/lib/scripts/myhello.js"></script>
    <script>
    $(function(){
        $( "#sayDate" ).datepicker();
    });

    function resetHello()
    {
        document.getElementById("hello").value = "";
        document.getElementById("sayDate").value = "";
    }
    </script>
</head>
<body>
    <form name="syaHello">
        How to say hello in your contry?<br>
        <input type="text" id="hello" value="">
        <INPUT id=sayDate style="WIDTH: 100px" name=sayTime>
    </form>
    <div class="docBtn_list">
        <input type="button" value="View Hello" onclick="javascript:howHello();" /> 
        <input type="button" value="Reset" onclick="resetHello();" /> 
    </div>
</body>
</html>

myhello.js

function howHello()
{
    alert(document.getElementById("hello").value + " " + 
          document.getElementById("sayDate").value);
}

и nodeSev.js

var http = require('http'),
    fs = require('fs');


fs.readFile('./hsh.html', function (err, html) {
    if (err) {
        throw err; 
    }       
    http.createServer(function(request, response) {  
        response.writeHeader(200, {"Content-Type": "text/html"});  
        response.write(html);  
        response.end();  
    }).listen(3000);
});

Но это не работает над jquery и скриптом howHello java.

Я не хочу слишком сильно менять html и js и не использовать экспресс- пакет.

Mad7322 11 нояб. 2013, в 05:49

Источник

2

Одна из проблем заключается в том, что вы будете переписывать html для каждого запроса, в том числе для статических ресурсов ( .js , .css и т. Д.). Для этого вам нужно реализовать собственную логику маршрутизации или использовать фреймворк.
Pero P. 11 нояб. 2013, в 04:43
3

Вопрос неверный. Это не имеет ничего общего с jQuery. Должно быть написано «Как я могу обслуживать статические файлы?». И те парни, которые действительно хотят использовать jQuery на стороне сервера, взглянули на jsdom .
hgoebl 11 нояб. 2013, в 08:02
1

Тип документа HTML5 - это просто <!doctype html>
Terry 11 нояб. 2013, в 08:55
0

Просто начните использовать Express в любом случае ...
robertklep 11 нояб. 2013, в 09:54

Показать ещё 2 комментария

Теги:

javascript

jquery

node.js

html5

1 ответ

Ещё вопросы

Одна из проблем заключается в том, что вы будете переписывать html для каждого запроса, в том числе для статических ресурсов ( .js , .css и т. Д.). Для этого вам нужно реализовать собственную логику маршрутизации или использовать фреймворк.
Вопрос неверный. Это не имеет ничего общего с jQuery. Должно быть написано «Как я могу обслуживать статические файлы?». И те парни, которые действительно хотят использовать jQuery на стороне сервера, взглянули на jsdom .
Тип документа HTML5 - это просто <!doctype html>
Просто начните использовать Express в любом случае ...

dth · Accepted Answer · 2013-11-11T10-53-00.000Z

Прежде чем ответить на ваш вопрос...

Ваш вопрос направлен на обслуживание статического веб-контента.

Вы должны установить "express" (узловой модуль на основе известного "connect", который может быть использован для этого, но не имеет других функций) и настроить его для обслуживания вашего файла из статического каталога:

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

/* configure your static directory */
app.configure(function(){
  app.use(express.static(__dirname + '/static'));
});

/* on request, send index.html */
app.get('/', function(req, res){
   res.sendfile(__dirname + '/index.html');
});

app.listen(3000);

Теперь, когда у вас установлен express, взгляните на Джейд.

Затем вы можете обрабатывать полученные запросы и динамически обслуживать контент. Этот современный кодированный html-код имеет стиль 90-х.