JQuery Ajax post request with node.js and express
ajax, express, jquery, node.js, post
Solution
I found your problem. You need to move your script from your head to your body (after the form tag):
...
</form>
<script type="text/javascript">
$('#enter').click(function(){
...
</script>
</body>
Problem
I was trying to make AJAX post request with JQuery to my Node.JS server in Node.JS and Express, but it doesn't works! ``` var express = require('express') var app = express(); app.listen(8888); app.configure(function(){ app.use(express.bodyParser()); app.set('views',__dirname + '/views'); app.set('view engine', 'ejs'); app.use(express.static(__dirname + '/public')); app.use(express.cookieParser()); app.use(app.router); }); app.get('/', function (req, res){ res.render('ajax.ejs'); }); app.post('/ajax', express.bodyParser(), function (req, res){ console.log(req); console.log('req received'); res.redirect('/'); }); ``` And this is the `ajax.ejs`: ``` <html> <head> <script src="http://code.jquery.com/jquery-1.6.2.min.js"></script> <script type="text/javascript"> $('#enter').click(function(){ $.ajax({ url: '/ajax', type: 'POST', cache: false, data: { field1: 1, field2: 2 }, success: function(data){ alert('Success!') } , error: function(jqXHR, textStatus, err){ alert('text status '+textStatus+', err '+err) } }) }); </script> </head> <body> <form> <input type="button" id="enter" value="Enter"> </form> </body> </html> ``` When the `ajax.ejs`is loaded, there isn't any output in the console, so, the post request didn't work. What can I do? Thanks advance!