Jquery Ajax Readystates example

Jquery Ajax Readystates example

<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>

<script type="text/javascript">
$(document).ready(function() {
$("#my_button").click(function() {
    $("#status").html('');
$.ajax({
url: 'http://localhost/pt_14_03_2011_final/public/index.php/api/v1/geofences.xml',
type: 'GET',
beforeSend: function() {
       //$("#status").html("Loading...");
       //alert("Sending");
    $("#loading").show();
    $("#status").html('');
},
complete: function() {
    $("#status").html("Complete");
},
success: function(data) {
    //alert("Done");
    $("#loading").hide();
}
});
});
});
</script>

<body>
<span id="loading" style="display:none;">Loading...</span>
<div id="status" style="border: 1px solid #000000; height: 200px;
width: 200px;"></div>
<div><input type="button" id="my_button" name="send" value="Send Request"></div>
</body>

Comments