ajax get-post example

<!--

    Route::get('/test', function(){
        return View::make('test');
    });

    Route::post('/test-send', function(){
        switch (Input::get('id')) {
            case 'a-1':
                return Response::json(array('message'=>'ok', 'id'=>'a-1','name'=>'HAHA', 'age'=>"21"));
                break;
            case 'b-1':
                return Response::json(array('message'=>'ok', 'id'=>'b-1','name'=>'BEHE', 'age'=>"75"));
                break;
        }
    });

    Route::get('/test-proc', function(){
        switch (Input::get('id')) {
            case 'a-1':
                $data['id'] = "a-1";
                $data['name'] = "Popescu";
                $data['age'] = "20";
                break;
            case 'b-1':
                $data['id'] = "b-1";
                $data['name'] = "Ionescu";
                $data['age'] = "55";
                break;
        }
        return Response::json($data);
    });

 -->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test</title>
    <script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
    <script>
    $(function(){
        var $modal = $('.modal');
        var $id = $('form input[name="id"]');
        var $name = $('form input[name="name"]');
        var $age = $('form input[name="age"]');
        var $submit = $('form input[type="submit"]');

        $submit.on('click', function(e){
            e.preventDefault();
            var Fdata = new FormData($('form').get(0));
            $.ajax({
                type: 'post',
                url: 'test-send',
                processData: false,
                contentType: false,
                data: Fdata,
                success: function(data){
                    if(data.message=='ok'){
                        $('td[data-id="'+data.id+'"]').parent().find('td:first-child').html(data.id);
                        $('td[data-id="'+data.id+'"]').parent().find('td:nth-child(2)').html(data.name);
                        $('td[data-id="'+data.id+'"]').parent().find('td:nth-child(3)').html(data.age);
                        $modal.hide();
                    }
                }
            });
        });

        $('a').each(function(i,e){
            $(e).on('click', function(ev){
                ev.preventDefault();
                $.ajax({
                    url: 'test-proc',
                    data: {id:$(this).parents('tr').find('td:first-child').attr('data-id')},
                    success: function(data){
                        $modal.show();
                        $id.val(data.id);
                        $name.val(data.name);
                        $age.val(data.age);
                    }
                });
            });
        });
    });
    </script>
</head>
<body>
    <table>
        <tr>
            <td data-id="a-1">A 1</td>
            <td>2</td>
            <td>3</td>
            <td><a href="#">edit</a></td>
        </tr>
        <tr>
            <td data-id="b-1">B 1</td>
            <td>2</td>
            <td>3</td>
            <td><a href="#">edit</a></td>
        </tr>
    </table>
    <div class="modal" style="display: none; position: absolute; top:0; left:0;bottom:0;right:0; background:lightgray">
        <form action="test-send" method="post">
            <input type="text" name="id" placeholder="ID"><br>
            <input type="text" name="name" placeholder="Name"><br>
            <input type="text" name="age" placeholder="Age"><br>
            <input type="submit">
        </form>
    </div>
</body>
</html>