Ajax Test

HTML

<div id="loader"><img id="loadingimg" src="http://www.medienforum.de/media/images/ajax-loader.gif"/></div>
<form method="post" action="/echo/html/" ajax="true">
                    <span id="result">Antwort.....</span>
                   
                    <input type="text" name="html" />
                    <input type="submit" value="Order" />
</form>

CSS

img#loadingimg{
    display: none;                   
}
span#result{
    padding: 5px;
    background: #eeeeee;        
}

body{
    font-family: 'Open Sans', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 13px;       
}

form span{  
    display: block;
    margin: 10px;
}

JavaScript

$(document).ready(function(e) {
    
    $("form[ajax=true]").submit(function(e) {
        
        e.preventDefault();
        
        var form_data = $(this).serialize();
        var form_url = $(this).attr("action");
        var form_method = $(this).attr("method").toUpperCase();
        
        $("#loadingimg").show();
        
        $.ajax({
            url: form_url, 
            type: form_method,      
            data: form_data,     
            cache: false,
            success: function(returnhtml){                          
                $("#result").html(returnhtml); 
                $("#loadingimg").hide();                    
            }           
        });    
        
    });
    
});