Menu
Using Ajax, I'm trying to just send Json data to a node server no processing involved just alerting when it's sent and alerting when it's received:
This is my html5: Simple button with an onclick function to trigger the function to use the ajax call
<!DOCTYPE HTML>
<html>
<head>
<script>
function send()
{
//alert("Hello World");
$.ajax
({
type: "post",
url: "http://localhost:8000",
dataType: "json",
contentType: "application/json; charset=UTF-8",
data: JSON.stringify({name: "Dennis", address: {city: "Dub", country: "IE"}})
}).done(function ( data ) {alert("ajax callback response:" + data);
});
</script>
</head>
<body>
<button onclick="send()">Click Me!</button>
</body>
</html>
This is a portion of my node server: For creating a server and listening for certain actions
var port = 8000;
var server = http.createServer();
server.on('request', request);
server.listen(port);
function request(request, response)
{
var store = '';
response.writeHead(200, {"Content-Type": "text/json"});
request.on('data', function(data)
{
store += data;
});
request.on('end', function()
{
store = JSON.parse(store);
console.log(store);
response.end(store);
});
}
No alerts are being fired so I don't think the ajax is attempting to send the information.
748
try this on the server side:
var port = 8000;
var http = require("http");
var server = http.createServer();
server.on('request', request);
server.listen(port);
function request(request, response) {
var store = '';
request.on('data', function(data)
{
store += data;
});
request.on('end', function()
{ console.log(store);
response.setHeader("Content-Type", "text/json");
response.setHeader("Access-Control-Allow-Origin", "*");
response.end(store)
});
}
and this on the client side:
$.ajax
({
type: "POST",
url: "http://localhost:8000",
crossDomain:true,
dataType: "json",
data:JSON.stringify({name: "Dennis", address: {city: "Dub", country: "IE"}})
}).done(function ( data ) {
alert("ajax callback response:"+JSON.stringify(data));
})
Hope this works for you
88
You can't use response.write() or response.end() with a plain javascript object, you can only write Buffers or strings.
So what you need to do is stringify the object first. Either change the response.end(store); to response.end(JSON.stringify(store)); or don't store = JSON.parse(store); in the first place (unless you are doing it to validate the JSON -- and if that was that case you should wrap it in a try-catch because JSON.parse() will throw on parse error).
39
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
