با سلام در این آموزش اطلاعات رو با تابع load ارسال خواهیم کرد :
یکی از ساده ترین و پر استفاده ترین راههای کار با Ajax در جی کوئری استفاده از تابع load میباشد.این تابع محتوای یک صفحه رو به صورت ای جکس بارگذاری میکنه.
- فایل index.html رو ایجاد کنید و کدها زیر رو داخل فایل کپی کنید :
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready (function(){
$("#btn1").click(function(){
var loading = '<img src="loading.gif" />';
$("#show").html(loading);
$('#show').html(loading).load('ajax.php?id=2');
});
});
</script>
<title></title>
</head>
<body>
<div id="show"></div>
<button id="btn1"> Send </button>
</body>
</html>
در کد بالا هنگامی که روی کلید کلیک میشه ابتدا در div یک عکس loading نمایش داده میشه سپس هنگامی که اطلاعات به طور کامل از سرور دریافت شد در تگ div قرار میگیره .
با استفاده از این تابع فقط میتونیم اطلاعات رو به صورت GET به سمت سرور بفرستیم .
حال برای اینکه بتونیم اطلاعات رو دریافت کنیم فایل ajax.php رو ایجاد میکنیم :
<?php
echo $_GET['id'];
موفق باشید.
