AJAX Client API

Elementzugriff
Eventhandler hinzufügen
Strings aneinander hängen
Arrays
Datumsangaben

Test

Source

        function Elementzugriff_ajaxApi()
        {
        $get("TestDiv").innerHTML = "Hallo - ich bin von der AJAX API";
        }
        
        function Elementzugriff_nonApi()
        {
        document.getElementById("TestDiv").innerHTML = "Hallo - ich bin klassisch";
        }
        
        function Eventhandler_ajaxApi()
        {
        $get("TestDiv").innerHTML = "";
        var element = document.createElement('button');
        element.innerHTML = "DrückMich";
        element.setAttribute("type", "button");
        $addHandler(element, 'click', buttonClick);
        
        $get("TestDiv").appendChild(element);
        }
        
        function Eventhandler_nonApi()
        {
        document.getElementById("TestDiv").innerHTML = "";
        var element = document.createElement('button');
        element.innerHTML = "DrückMich";
        element.setAttribute("type", "button");
        element.onclick = buttonClick;
        
        document.getElementById("TestDiv").appendChild(element);
        }   
        
        function buttonClick(evt)
        {
        alert('hello');
        }
        
        function Datum_ajaxApi()
        {
        var today = new Date();
     
        var shortDate = today.format('d');
        var year = today.format('yyyy');
        
        var stringBuilder = new Sys.StringBuilder();
        stringBuilder.append("shortDate:");
        stringBuilder.append(shortDate);
        stringBuilder.append("year:");
        stringBuilder.append(year);
        
        $get("TestDiv").innerHTML = stringBuilder.toString(" ");
        }
        
        function Datum_nonApi()
        {
        var today = new Date();

        document.getElementById("TestDiv").innerHTML = today;
        } 
        
 
        function Stringbuilder_ajaxApi()
        {
        var a = 123;
        var b = 5123.5923;
        var c = "kjhklhasd";
        var d = "AA13123123";
        
        var Stringbuilder = new Sys.StringBuilder();
        Stringbuilder.append(a);
        Stringbuilder.append(b);
        Stringbuilder.append(c);
        Stringbuilder.append(d);
        
        $get("TestDiv").innerHTML = Stringbuilder.toString(" | ");
        }
        
        function Stringbuilder_nonApi()
        {
        var a = 123;
        var b = 5123.5923;
        var c = "kjhklhasd";
        var d = "AA13123123";
        
        var string = a + b + c + d;
        document.getElementById("TestDiv").innerHTML = string;
        }
        
        function Arrays_ajaxApi()
        {
        $get("TestDiv").innerHTML = "";
        var myarray = new Array('Hans','Peter','Paul');
        
        Array.forEach(myarray, ArrayMethod, 'CONTEXT');
        }
        
        function ArrayMethod(wert, index, array)
        {
        var stringBuilder = new Sys.StringBuilder();
        stringBuilder.append(wert); // einzelner Wert
        stringBuilder.append(index); // der Index
        stringBuilder.append(this); // der Context
        $get("TestDiv").innerHTML += stringBuilder.toString(" - ");
        }
        
        function Arrays_nonApi()
        {
        $get("TestDiv").innerHTML = "";
        var myarray = new Array('Hans','Peter','Paul');
        
        for(var i=0; i