jQuery: interagire in AJAX con ExpressJS

Possiamo utilizzare jQuery per interagire in AJAX con ExpressJS.

In ExpressJS i parametri POST vengono memorizzati nell'oggetto body della richiesta. L'output che restituiremo è un oggetto JSON:

'use strict';

const express = require('express');
const bodyParser = require('body-parser');
const path = require('path');

const app = express();
const port = process.env.PORT || 8080;

app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));

app.get('/', (req, res) => {
    res.sendFile(path.join(__dirname + '/index.html'));
});

app.post('/ajax/test', (req, res) => {
    var test = req.body.test;
    res.json({output: test});
});

app.listen(port);

A questo punto il codice jQuery è semplice:

$.post( "/ajax/test", { test: "ok" }, function(response) {
   console.log( response.output ); // "ok"
});