「PHP入門」ボタンでajax通信を行うサンプルコード

1.html画面
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv=”Content-type” content=”text/html; charset=utf-8″>
<script type=”text/javascript” src=”http://code.jquery.com/jquery-1.8.2.min.js”></script>
<script type=”text/javascript”>
$(function(){
//ボタンをクリック
$(“#changeAjax”).click(function(){
//Ajax処理
var html = $.ajax({
type: “POST”,
url: “employeeAdd.php”,
data: “name=oosaki&employeeid=34”,
async: false
}).responseText;
$(“#cftDiv”).html(‘<h2>’+html+'</h2>’);
});
});
</script>
</head>
<body>
<div id=”cftDiv”><h2>ajaxでテキストを変更</h2></div>
<button id=”changeAjax” type=”button”>ajaxでコンテンツを変更</button>
</body>
</html>
2.employeeAdd.php
<?php
$msg=’こんにちは,’.$_POST[‘name’].’,番号 ‘.$_POST[‘employeeid’];
echo $msg;
?>

Comments are closed.