在、nodejs、expressjs和Jade模板引擎中处理Ajax GET/POST请求

npm install express jade

const express = require('express');
const app = express();

// 设置Jade模板引擎
app.set('view engine', 'jade');

// 处理GET请求
app.get('/ajax', (req, res) => {
  res.render('ajax');
});

// 启动服务器
app.listen(3000, () => {
  console.log('Server started on port 3000');
});

html
  head
    title Ajax GET请求示例
  body
    h1 Ajax GET请求示例
    script(src='https://code.jquery.com/jquery-3.6.0.min.js')
    script.
      $(document).ready(function() {
        $.ajax({
          url: '/api/data',
          type: 'GET',
          success: function(data) {
            console.log(data);
          },
          error: function(error) {
            console.log(error);
          }
        });
      });

// 处理POST请求
app.post('/api/data', (req, res) => {
  // 处理POST请求的逻辑
  res.send('POST请求成功');
});

script.
  $(document).ready(function() {
    $.ajax({
      url: '/api/data',
      type: 'POST',
      success: function(data) {
        console.log(data);
      },
      error: function(error) {
        console.log(error);
      }
    });
  });