Стек jquery в экспрессах - PullRequest
Новая
       4

Стек jquery в экспрессах

0 голосов
/ 15 февраля 2020

Я ищу способ составления jquery из файла приложения express. js.
Возможно, это невозможно, но мне нужно использовать jquery в app.js, который изменяет файл html.

Пример:

приложение. js

const express = require('express')
const app = express()
const $ = global.jQuery = require( 'jquery' );

app.get('/', function (req, res) {
  res.sendFile(path.join(__dirname+'/index.html'));
  $("#click").click(function(e){
        console.log('click');   
    }) 
})

app.listen(3000, function () {
  console.log('Example app listening on port 3000!')
})

index. html

<!doctype html>
<html>
<head>
  <title>Express - Jquery</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body> 
    <button id="click" type="button">Click</button>
</body>
</html>

Может быть, я использую неправильный метод ...
Если кто-то уже сделал это

1 Ответ

1 голос
/ 15 февраля 2020

Этот код принадлежит на стороне клиента , а не на стороне сервера : 

$("#click").click(function(e){
    console.log('click');   
})

Вы положите его в свой index.html. (Или во внешнем сценарии, на который ссылается ваш index.html.) Например: 

<!doctype html>
<html>
<head>
  <title>Express - Jquery</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body> 
    <button id="click" type="button">Click</button>
</body>
<script type="text/javascript">
    $("#click").click(function(e){
        console.log('click');
    });
</script>
</html>

Код на стороне сервера не имеет понятия DOM в браузере. Он просто возвращает страницу клиенту в ответ на полученный HTTP-запрос. Клиентская сторона JavaScript на этой странице - это то, что взаимодействует с DOM в браузере.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...