jquery - 如何使用jquery ajax从node.js文件中检索数据

Question

我是nodejs新手，试图弄清楚如何通过前端的ajax从工作 Node 脚本获取twilio数据。

我在后端有这个

'use strict';

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

const accountSid = '####';
const authToken = "####";
const client = require('twilio')(accountSid, authToken);

const baseURL = 'https://api.twilio.com'
const recordingExtension = '.mp3' //mp3 or wav

let app = express();

app.post('/list', (request, response) => {
  const recordings =[]
  client.recordings.list(function(err, data) {
      data.recordings.forEach(function(recording) {
          var recordingURIComponent = recording.uri.replace('.json','')
          var recordingURL = baseURL + recordingURIComponent + recordingExtension
          recordings.push(recordingURL)
      });
      const recordingData = {
        recordings: recordings
      }
      response.send(recordingData)
  });
});


app.listen(3000, '127.0.0.1',function(){
  console.log('listening');
});

现在我想从前端的 ajax 访问该响应。

我知道它可能看起来像:

$.post( '/list', function(data) {
  console.log(data)
});

但我不确定将我的 post/get/ajax 定向到哪里。如果两个文件位于同一服务器上，我应使用什么 URL 作为 post 请求？我需要指定端口(3000吗？)。或者我是否需要以express的方式做一些事情来提供将执行ajax请求的html文件？

感谢任何帮助。谢谢!

Answer 1

我通过让 node.js 也提供我的静态 html 解决了这个问题:

app.use(express.static('public_html'))

我改为get请求:

$.ajax({
   method: "GET",
   url: "/list"
})
 .done(function( data ) {
    console.log(data)
    playlist = data
    len = playlist.recordings.length
    $audio[0].addEventListener('ended',onAudioEnded);
    playAudio()
});

和

app.get('/list', (请求, 响应) => {

使用此文件夹结构:

/
  app.js

  public_html/

    index.html

并确保从以下位置访问我的网站:

http://[mysite].com:3000