jcadima
11/13/2015 - 8:07 PM

Simple Ajax with PHP

Simple Ajax with PHP

new_gist_file.php
content_copyfile_download
<?php
echo '<p>Hi I am some random ' . rand() .' output from the server.</p>';
new_gist_file.html
content_copyfile_download
<!doctype html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>My jQuery Ajax test</title>
		<style type="text/css">
			#mybox {
				width: 300px;
				height: 250px;
				border: 1px solid #999;
			}
		</style>
		<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
	</head>
	<body>
		The following div will be updated after the call:<br />
		<div id="mybox">
			
		</div>
		<input type="button" value="Update" onclick="myCall()" />

	</body>

		<script>							
				function myCall() {
					var request = $.ajax({
						url: "ajax.php",
						type: "GET",			
						dataType: "html"
					});

					request.done(function(msg) {
						$("#mybox").html(msg);			
					});

					request.fail(function(jqXHR, textStatus) {
						alert( "Request failed: " + textStatus );
					});
				}
			
		</script>
	
</html>