JQuery ajax + PHP 예제

1 개요

JQuery, PHP를 이용한 간단한 더하기 ajax 예제

• 주의! 정말 간단함 도저히 써먹을곳이 없음
• 환경 : php 7.x

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 입니다";

 

5 같이 보기

• jQuery 웹페이지 읽기
• $.ajax()