如何在express中为json响应设置路由？

Question

I am trying to follow this Angular tutorial for handling form submissions with promises. I am running my server on node and I'm using express to handle routes. When the form is submitted and I get to the line

var $promise = $http.jsonp('response.json', config)

My application responds by trying to find a route for response.json and then redirects to a 404 page. I then get an Uncaught syntax error because it's trying to parse my jade template as the response.json.

Is the best way to resolve this to define a route for the json response? Or is there something else I'm missing?

Answer 1

Sending JSON data to your server is just a normal request on a particular path with the data sent as JSON. If the request is a GET, then the data is URL encoded. If the request is a POST, then the data is sent encoded into the body. In either case, the body-parser module will parse it for you.

Here's a simple example for a get request to "/response.json" :

var express = require("express");
var app = express();
var bodyParser = require('body-parser');

app.get('/response.json', bodyParser.json(), function (req, res) {
  if (!req.body) return res.sendStatus(400);
  // req.body is the parsed JSON that was sent with this request
  // process it here
});

app.listen(80);

There are several different ways to use the body-parser module. You can see several other examples here: How do I consume the JSON POST data in an Express application .

---

And, the client code would be:

var $promise = $http.jsonp('/response.json', config)