如何使用ajax打开花哨的盒子图片？

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<div id="box-container"></div>

$(document).ready(function() {
  $.ajax({
    url: '/path/to/box-image',
    method: 'GET',
    success: function(data) {
      // 请求成功时的回调函数
      $('#box-container').html('<img src="' + data.imageUrl + '">');
      // 使用返回的图片URL更新盒子容器中的内容
    },
    error: function(xhr, status, error) {
      // 请求失败时的回调函数
      console.log('请求盒子图片失败：' + error);
    }
  });
});

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

app.get('/path/to/box-image', (req, res) => {
  const imageUrl = 'https://example.com/path/to/box-image.jpg';
  // 实际应用中，可以根据需求从数据库或其他存储中获取盒子图片的URL
  
  res.json({ imageUrl });
});

app.listen(3000, () => {
  console.log('服务器已启动，监听端口3000');
});