Skip to content

Instantly share code, notes, and snippets.

@dineshsonachalam
Forked from diorahman/client.html
Created January 19, 2017 14:11
Show Gist options
  • Select an option

  • Save dineshsonachalam/e9cd93e088f47200909a6d20c99188ac to your computer and use it in GitHub Desktop.

Select an option

Save dineshsonachalam/e9cd93e088f47200909a6d20c99188ac to your computer and use it in GitHub Desktop.

Revisions

  1. @diorahman diorahman created this gist Dec 26, 2011.
    51 changes: 51 additions & 0 deletions client.html
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,51 @@
    <html>
    <head>
    <title>jsonp test</title>
    <script src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
    <script type="text/javascript">
    $(function(){
    $('#select_link').click(function(e){
    e.preventDefault();
    console.log('select_link clicked');

    /*$.ajax({
    dataType: 'jsonp',
    data: "data=yeah",
    jsonp: 'callback',
    url: 'http://localhost:3000/endpoint?callback=?',
    success: function(data) {
    console.log('success');
    console.log(JSON.stringify(data));
    }
    });*/

    var data = {};
    data.title = "title";
    data.message = "message";

    $.ajax({
    type: 'POST',
    data: JSON.stringify(data),
    contentType: 'application/json',
    url: 'http://localhost:3000/endpoint',
    success: function(data) {
    console.log('success');
    console.log(JSON.stringify(data));
    }
    });

    /*$.ajax('http://localhost:3000/endpoint', {
    type: 'POST',
    data: JSON.stringify(data),
    contentType: 'application/json',
    success: function() { console.log('success');},
    error : function() { console.log('error');}
    });*/
    });
    });
    </script>
    </head>
    <body>
    <div id="select_div"><a href="#" id="select_link">Test</a></div>
    </body>
    </html>
    27 changes: 27 additions & 0 deletions server.js
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,27 @@
    var express = require('express');
    var app = express.createServer();

    app.use(express.bodyParser());

    /*app.get('/endpoint', function(req, res){
    var obj = {};
    obj.title = 'title';
    obj.data = 'data';
    console.log('params: ' + JSON.stringify(req.params));
    console.log('body: ' + JSON.stringify(req.body));
    console.log('query: ' + JSON.stringify(req.query));
    res.header('Content-type','application/json');
    res.header('Charset','utf8');
    res.send(req.query.callback + '('+ JSON.stringify(obj) + ');');
    });*/

    app.post('/endpoint', function(req, res){
    var obj = {};
    console.log('body: ' + JSON.stringify(req.body));
    res.send(req.body);
    });


    app.listen(3000);