jQuery, CSS and HTML
<!doctype html>
<html>
<head>
<script src="https://code.jquery.com/jquery-1.10.1.min.js">
</script>
<script>
$(document).ready(function(){
$("#ajaxbtn").click(function(){ 
$.post("ajaxtst.txt",function(ajaxresult){
$(".divdemo").append(ajaxresult);
});
});
});
</script>

<style>
.divdemo{
width:200px;
height: 200px;
background-color:#87A3AF;
color:#fff;
padding:20px;
font-size:25px;
}
</style>

</head>
<body>
 
<h1>A simple demo of jQuery $.post</h1>
<p><button id="ajaxbtn">Load data by $.post</button></p>
<div class="divdemo"></div>
 
</body>
</html>
A simple demo of jQuery $.post
