JQuery ajax + PHP 예제

2 메인 파일

<script src="//code.jquery.com/jquery.min.js"></script>
<script>
	function add() {
		$.ajax({
			url: "add.php",
			type: "post",
			data: $("form").serialize(),
		}).done(function(data) {
			alert(data);
		});
	}
</script>
<form>
	<input type="text" name="number1"> 더하기 <input type="text" name="number2"><br>
	<input type="button" onclick="add()" value="결과">
</form>

 

3 add.php

<?php
$number1 = $_POST['number1'];
$number2 = $_POST['number2'];

$result = $number1 + $number2;

echo "더한값은 $result 입니다";