如何在快速服务器中进行 ajax 获取/发布请求？

Question

下面是我的快递服务器。我正在尝试在 ajax 中发出 get 请求，但即使我一开始就需要 jquery，它也失败了。它说 $ 没有定义 除了使用 jquery ajax，我还能用什么来进行 API 调用表单 RESTful API url？

var express = require('express');
var requestHandler = require('./requestHandler');
var app = express();
var path = require('path');


app.use(express.static(path.join(__dirname, '../client')));
app.get('/homepage', requestHandler.getData);

var port = process.env.PORT || 3000;
app.listen(port);
console.log("Server running at: http://localhost:" + port);

// request handler file:

var express = require('express');
var url = "http://jsonplaceholder.typicode.com/";

module.exports.getData = function (req, res){
    $.ajax({
      method: 'GET',
      url: url+'posts',
      success: function(data) {
        console.log(data);
        res.send(data);
      }
    });
  }
module.exports.getComments = function(userId){
    $.ajax({
      method: 'GET',
      url: url+'/comments',
      success: function(data) {
        console.log(data);
      }
    });
}

Answer 1

HTTP GET Request in Node.js Express

var http = require('http');
var options = {
  host: 'www.google.com',
  path: '/index.html'
};

var req = http.get(options, function(res) {
  console.log('STATUS: ' + res.statusCode);
  console.log('HEADERS: ' + JSON.stringify(res.headers));

  // Buffer the body entirely for processing as a whole.
  var bodyChunks = [];
  res.on('data', function(chunk) {
    // You can process streamed parts here...
    bodyChunks.push(chunk);
  }).on('end', function() {
    var body = Buffer.concat(bodyChunks);
    console.log('BODY: ' + body);
    // ...and/or process the entire body here.
  })
});

req.on('error', function(e) {
  console.log('ERROR: ' + e.message);
});

Answer 2

您需要了解以下内容：

1. expressjs 是服务器端代码，所以它不能像那样使用 jquery ajax。
2. jQuery.ajax() 只能在您在浏览器中加载页面时在视图中使用。

---

您需要使用jade 等一些视图引擎来创建模板并使用路由器将视图推送到浏览器中。当您在浏览器中查看视图时，您可以引用包含您的 ajax 代码的脚本文件，以让您拥有帖子和 cmets。

More information.

Answer 3

试试这样的：

function() {


    // Simple POST request example (passing data) :
    $http.post("/createProject/"+ id +"", {
        projectTitle: pTitle,
        userID      : id
    }).
    success(function(data, status, headers, config) {
        // this callback will be called asynchronously
        // when the response is available
        $scope.getProjects();
        console.log("project created");
        console.log("this is the response data " + data);
    }).
    error(function(data, status, headers, config) {
        // called asynchronously if an error occurs
        // or server returns response with an error status.
    });
 };

另外请注意。您将从外部 JavaScript 文件中调用它。一个快递服务器，您将只有“路由”，并且您可以从外部 javascript 文件对这些路由执行 HTTP 调用。

Answer 4

更新 @Someone，express 框架在 Node.js 中设置 Web 服务器非常流行。您可以使用不同的渲染引擎来渲染视图并将信息传递给用户。这是来自 Express 网站的一个非常简单的示例，它监听两个 url（/posts 和 /cmets）。

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

app.get('/posts', function (req, res) {
  res.send('Render posts!');
});

app.get('/comments', function (req, res) {
  res.send('Render comments');
});

var server = app.listen(3000, function () {
  var host = server.address().address;
  var port = server.address().port;

  console.log('Example app listening at http://%s:%s', host, port);
});