Stumbling upon a valuable code snippet on GitHub for enabling straightforward server-client communication in NodeJS has been quite enlightening.
Upon making some adjustments, the finalized structure of my code looks like this:
The client (Jade + Javascript)
head
title jsonp test
script(src='http://code.jquery.com/jquery-1.6.2.min.js')
script(type='text/javascript').
$(function () {
$('#select_link').click(function (e) {
e.preventDefault();
console.log('select_link clicked');
var data = {};
data.title = "title";
data.message = "message";
$.ajax({
type: 'POST',
data: JSON.stringify(data),
contentType: 'application/json',
url: 'http://localhost:7776/domaintest',
success: function (data) {
console.log('success');
console.log(JSON.stringify(data));
}
});
});
});
body
#select_div
a#select_link(href='#') Test
The server (Javascript)
var express = require('express');
var app = express.createServer();
app.use(express.bodyParser());
app.post('/domaintest', function(req, res){
var obj = {};
console.log('body: ' + JSON.stringify(req.body));
res.send(req.body);
});
app.listen(7776);
Route defined to the client (I was told it's unnecessary for the server as app.post serves the purpose)
var express = require('express');
var router = express.Router();
router.get('/', function(req, res, next) {
res.render('index');
});
module.exports = router;
The outcome is a simple text displaying "Test" that can be interacted with. Upon clicking, expected events should occur based on the code inspection, but instead, the browser indicates an error message
POST http://localhost:7776/domaintest 404 (Not Found)jquery-1.6.2.min.js:18. The issue specifically arises during $.ajax, as confirmed by the debugger.
Considering the less-than-optimal formatting of the jQuery code (acknowledging it may have its reasons), I seek assistance. What could possibly be causing this error? Is there something crucial missing from the explanation?