MMSHFE
پنج شنبه 24 فروردین 1391, 08:21 صبح
اون تابع رو توی یک فایل ذخیره کنید (مثلاً add.php). فرض میکنیم فایل PHP شما با نام action.php شامل این کدها باشه :
<?php
if(!isset($_GET['num1'], $_GET['num2'], $_GET['op'])) {
die('Insufficient Data');
}
function add($n1, $n2) {
return ($n1 + $n2);
}
function sub($n1, $n2) {
return ($n1 - $n2);
}
function mul($n1, $n2) {
return ($n1 * $n2);
}
function div($n1, $n2) {
return $n2 != 0 ? ($n1 / $n2) : 'Error: Division by zero';
}
function rem($n1, $n2) {
return $n2 != 0 ? ($n1 % $n2) : 'Error: Division by zero';
}
$op = $_GET['op'];
$n1 = is_numeric($_GET['num1']) : (int) $_GET['num1'] : 0;
$n2 = is_numeric($_GET['num2']) : (int) $_GET['num2'] : 0;
call_user_func($op, $n1, $n2);
?>
حالا در سمت کلاینت با jQuery به کد سمت سرور وصل میشیم و مقادیر رو براش میفرستیم و خروجی اون رو نشون میدیم (بنابراین فایل فشرده jQuery رو با نام jqmin.js در کنار کدتون قرار بدین) :
<!doctype html>
<html>
<head>
<title>jQuery AJAX</title>
<meta charset="utf-8"/>
<script src="jqmin.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#rst").click(function() {
$("#n1").val("");
$("#n2").val("");
$("#result").html(" ");
});
$(".action").click(function() {
var op = $(this).attr("id");
var num1 = $("#n1").val();
var num2 = $("#n2").val();
$.ajax({
type: "get",
url: "action.php",
data: "op="+op+"&num1="+num1+"&num2="+num2,
success: function(result) {
$("#result").html(result);
}
});
});
});
</script>
</head>
<body>
<label>Enter 1st Number: <input id="n1" type="text"/></label><br/>
<label>Enter 2nd Number: <input id="n2" type="text"/></label><br/>
<input class="action" id="add" type="button" value="Add"/>
<input class="action" id="sub" type="button" value="Subtract"/>
<input class="action" id="mul" type="button" value="Multiply"/>
<input class="action" id="div" type="button" value="Divide"/>
<input class="action" id="rem" type="button" value="Remainder"/>
<input class="action" id="rst" type="button" value="Reset"/>
<div id="result"> </div>
</body>
</html>
توی کد فوق میبینید چطور با استفاده از jQuery فایل PHP رو صدا زدیم و پارامترها رو براش فرستادیم و جوابش رو هم توی تگ div مربوطه نشون دادیم. موفق باشید.