jQuery AJAX

Send AJAX requests with this jQuery script.

HTML

<script src="http://fonts.googlepis.com/css?famaily=Open+Sans:400,700"></script>
<form ajax="true">       
    <span>        
        <label>Message: </label>
        <input type="text" name="html" id="html" />
    </span>
    <span>
        <input type="submit" value="Submit" />      
    </span>
    
</form>

JavaScript

$(document).ready(function(e) {

    var blobs;
    var numBlobs;
    var i = 0;
    var blobPC;


    
    $("form[ajax=true]").submit(function(e) {
        
        e.preventDefault();
        blobs = [3,4,5,6,7,8,9,,2,3,4,5,6,7,9];
        numBlobs = blobs.length;
        blobPC = 100/numBlobs;
        runAjax();
    });


    function runAjax()
    {
        $.ajax({
                    url: '/echo/html', 
                    type: 'post',      
                    data: blobs[i],     
                    success: function(returnhtml){                          
                        progress = (i*blobPC).toFixed(0);
                        i++;
                        $("#html").val(progress);
                        
                        if(progress < 100) 
                        {
                            runAjax();
                        }else{
                            alert("Finished - increments of " + blobPC.toFixed(1) + "%");
                        }
                    }           
                });
    }
});