Simple AJAX request for JSON

by ChrisStanyon

HTML

<button id="clickMe">Click Me</button>
<div id="success"></div>
<div id="error"></div>
<div id="complete"></div>

CSS

div { padding: 10px; margin:10px;  }
#success { border: 1px solid green; }
#error { border: 1px solid red; }
#complete { border: 1px solid orange; }

JavaScript

$('#clickMe').click(function() {
    $.ajax({
		type		: 	'POST',
		url			: 	'/echo/json/',
        data: { json : '{ "exp": "exp var", "user": "ChrisStanyon", "pass": "myPassword"}' },
        dataType	: 	'json',
		success		: 	function( returnData ) {
            $('#success').html(JSON.stringify(returnData));
		},
		error		: 	function() {
            $('#error').html('We have an error');
		},
        complete    :   function( jqXHR, returnData ) {
            $('#complete').html( returnData );
        }
	})
})