Request

Request external file data.txt and load content into div. Doesn't work here because file's not present.

by andfinally

HTML

<div id="container"></div>

<a id="link">Get request</a>

CSS

#container
    {
        width: 350px;
        height: 250px;
        border: 1px solid #999;
        background: #eee;
    }
    
    #link
    {
        display: block;
        width: 80px;
        margin: 20px;
        padding: 20px;
        border: 1px solid #ccc;
        background: #e9e9e9;
        cursor: pointer;
    }

JavaScript

var myElement;
    var myRequest = new Request({
            url: 'data.txt',
            method: 'get',
            onRequest: function(){
            myElement.set('text', 'loading...');
        },
            onSuccess: function(responseText){
            myElement.set('text', responseText);
        },
            onFailure: function(){
            myElement.set('text', 'Sorry, your request failed :(');
        }
    });
     
     function getData(){
        myRequest.send();
     }
     
    window.addEvent('domready', function() {
    
        myElement = $('container');
     
        $('link').addEvent('click', function(event){
            event.stop();
            getData();
        });
        
    });