使用JQuery进行Express和ajax发布

Question

Express doesn't seem to be responding to my ajax request. The post request status appears to be pending for a long time when I look at it in the network tab of the chrome inspector and then fails. This is my express code:

app.configure(function(){
  app.set('port', process.env.PORT || 3000);
  app.set('views', __dirname + '/views');
  app.set('view engine', 'jade');
  app.use(express.favicon());
  app.use(express.logger('dev'));
  app.use(express.cookieParser());
  app.use(express.session({secret: 'fasfasasasfasfa'}));
  app.use(passport.initialize());
  app.use(passport.session());
  app.use(express.session());
  app.use(express.bodyParser());
  app.use(express.methodOverride());
  app.use(app.router);
  app.use(express.static(path.join(__dirname, 'public')));
});

app.post('/test.html', function (req,res) {
  console.log(req.body);
  res.send({ some: JSON.stringify({response:'json' })});
  res.end();
})

And here's my jQuery code:

working = function() {
    console.log("works")
}

$.ajax({
    url:"test.html",
    data: {'name':'hello'},
    type: "POST",
    success: working
  })    

The success function never gets called, and the console log of req.body doesn't seem to work either.

Thanks for the help!

Answer 1

As you mentioned in the comments, you're getting a status code of 0 back.

Does an HTTP Status code of 0 have any meaning?

Check to make sure you're server is reachable from where you're testing and that the URL your making the request to is actually pointing at the server you want to send the request to.

In other words you probably need to fix this line

url:"test.html",

Answer 2

You can't use the .html extension on a route in Express as this makes it think its looking for a static resource. Use "pretty URLs" instead.

// Express code...
app.post('test', function(req, res, next){
  // Do stuff to process POST request
});

// AJAX code...
$.ajax({
  url: 'test',
  ...
});

Hope that helps!