Ajax 基本

kanri-top.php

-------

// ボタン

<li class="target" id="button01"><a href="" class="navi">メニュー</a></li>

// 呼び出す箇所

<div id="sample01"></div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<script type="text/javascript">

$(function(){
$('#button01').click(function(){
event.preventDefault();
}),

$.ajax({
type: 'POST',
url: 'http://localhost/wordpress/wp-content/themes/soutokukan_01/s-system/calender.php',
dataType: 'text'
}).done(function(data) { // Ajax通信に成功したときの処理
$("#sample01").html(data);
}).fail(function(data) { //Ajax通信に失敗したときの処理

}).always(function(data) { //処理が完了した場合の処理

});
});