2. Fórumok
  3. Szoftverfejlesztés
  4. Programozás topic
  5. (kiemelt téma)

Hirdetés

!! SZERVERLEÁLLÁS, ADATVESZTÉS INFORMÁCIÓK !!

Új hozzászólás Aktív témák

  • #10137 tick aktív tag artiny #10132
    Új Válasz #10137
    Új hozzászólás
    Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra
    Privát üzenet küldése

    tick

    aktív tag

    válasz artiny #10132 üzenetére

    Itt egy node+express+jquery példa egyszerű összeadásra. Annyi hogy itt a kliens maga a böngésző.

    index.js:

    'use strict'
    const express = require('express')
    const app = express()

    // az egyszerűség kedvéért
    app.use(express.static(__dirname + '/views'))
    app.engine('html', require('ejs').renderFile)
    app.set('view engine', 'html')

    app.get('/szamol', (req, res)=> {
    // +változó gyors integer konverzió
    let eredmeny = +req.query.szam1 + +req.query.szam2
    // res.send(integer) nem támogatott, másra volt való
    res.send(eredmeny.toString())
    })

    app.get('/', (req, res)=> {
    res.render('client')
    })

    app.listen(3000, function () {
    console.log('App running at http://localhost:3000')
    })

    views/client.html:

    <html>
    <body>
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    <script>
    let szamol = ()=> {
    let szam1 = $('#szam1').val()
    let szam2 = $('#szam2').val()
    $.get('/szamol',{szam1: szam1, szam2: szam2}).done(eredmeny=>{
    $('#eredmeny').html(eredmeny)
    })
    }
    </script>
    <form action="javascript:szamol()">
    <input type="text" id="szam1">
    <input type="text" id="szam2">
    <button type="submit">Számol</button>
    </form>
    <div id="eredmeny"></div>
    </body>
    </html>

    Ami kell hozzá:
    npm install --save express ejs
    npm index.js

Új hozzászólás Aktív témák