how to use jQuery ajax calls with node.js

by

If your simple test page is located on other protocol/domain/port than your hello world node.js example you are doing cross-domain requests and violating same origin policy therefore your jQuery ajax calls (get and load) are failing silently. To get this working cross-domain you should use JSONP based format. For example node.js code:

var http = require('http');

http.createServer(function (req, res) {
    console.log('request received');
    res.writeHead(200, {'Content-Type': 'text/plain'});
    res.end('_testcb(\'{"message": "Hello world!"}\')');
}).listen(8124);

and client side JavaScript/jQuery:

$(document).ready(function() {
    $.ajax({
        url: 'http://192.168.1.103:8124/',
        dataType: "jsonp",
        jsonpCallback: "_testcb",
        cache: false,
        timeout: 5000,
        success: function(data) {
            $("#test").append(data);
        },
        error: function(jqXHR, textStatus, errorThrown) {
            alert('error ' + textStatus + " " + errorThrown);
        }
    });
});

There are also other ways how to get this working, for example by setting up reverse proxy or build your web application entirely with framework like express.

More Related Contents:

  1. How to send data to the server via Ajax?
  2. HTML: how refresh information in [closed]
  3. How to make page loaders/animations/transitions
  4. My JS is not working (chat application)
  5. How to send FormData objects with Ajax-requests in jQuery? [duplicate]
  6. Refresh/reload the content in Div using jquery/ajax
  7. Set timeout for ajax (jQuery)
  8. Using HTML5 file uploads with AJAX and jQuery
  9. Prevent Page Load on Jquery Form Submit with None Display Button
  10. Why is it a bad practice to return generated HTML instead of JSON? Or is it?
  11. “Mixed content blocked” when running an HTTP AJAX operation in an HTTPS page
  12. How to bind Events on Ajax loaded Content?
  13. How to send a message to a particular client with socket.io
  14. jquery submit form and then show results in an existing div
  15. Javascript regex returning true.. then false.. then true.. etc [duplicate]
  16. How do I abort image load requests without using window.stop()
  17. how to assign javascript variable value to php variable
  18. How to generate a thumbnail image after adding an image inside an input type=”file” in a form and submitting them both on the same form
  19. How to replace html element with ajax response?
  20. How to change URL in browser without navigating away from page?
  21. How can I get all a form’s values that would be submitted without submitting [duplicate]
  22. When loading an html page via ajax, will script tags be loaded?
  23. jQuery DataTables “No Data Available in Table”
  24. Twitter-style autocomplete in textarea
  25. Scrolling Overflowed DIVs with JavaScript
  26. jquery ajax parse response text
  27. Parsing returned HTML from jQuery AJAX request
  28. How to replace the entire html webpage with ajax response?
  29. How do I debug jquery AJAX calls?
  30. How to add a Facebook “Like” button to an AJAX driven page

Leave a Comment