آموزش ajax در Laravel لاراول به همراه مثال
Ajax ابتدایِ کلماتِ «Asynchronous JavaScript and XML» می باشد و به معنی« ترکیبِ نامتقارن یا غیر همزمان ِجاوااسکریپت و XML » است. در واقع مجموعه ای از تکنیک های توسعه وب است، که از بسیاری از فن آوری هایِ وبِ مربوط به client، برای ایجاد برنامه های وب نامتقارن یا غیر همزمان (Asynchronous) استفاده می کند.
به زبان ساده، ajax به شما این امکان را می دهد که بخش هایی از یک صفحه یِ وب را، بدون refresh شدنِ کلِ صفحه به روزرسانی کنید. این قابلیت بسیاری کاربردی است زیرا بارگذاری مجددِ کلِ صفحه برای کاربر خسته کننده و کُند می باشد ودر پهنای باند مصرفی کاربر نیز صرفه جویی می گردد. امروزه بسیاری از سایت های معروف دنیا نظیر فیس بوک، Google Maps، Gmail، YouTube از این تکنیک استفاده می کنند.
در لاراول، برای استفاده از تکنولوژی ajax، باید کتابخانه jquery را در فایل view وارد کنید تا از توابع آجاکسِ jquery استفاده کنید. آنها برای ارسال و دریافت داده ها از ajax به کار گرفته می شوند.
در سمت سرور، شما می توانید از تابع ()response برای ارسالِ پاسخ به کاربر (client) استفاده کنید و برای ارسال پاسخ به فرمت JSON ، تابع Response را با تابع ()json ، همراه یا chain کنید.
مثال :
مرحله 1 - یک فایل view دراین مسیر resources/views/message.blade.php بسازید و کدهای زیر را در آن قرار دهید.
<html>
<head>
<title>Ajax Example</title>
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
</script>
<script>
function getMessage(){
$.ajax({
type:'POST',
url:'/getmsg',
data:'_token = <?php echo csrf_token() ?>',
success:function(data){
$("#msg").html(data.msg);
}
});
}
</script>
</head>
<body>
<div id = 'msg'>This message will be replaced using Ajax.
Click the button to replace the message.</div>
<?php
echo Form::button('Replace Message',['onClick'=>'getMessage()']);
?>
</body>
</html>
مرحله 2 - با وارد کردن دستور artisan زیر در خط فرمان (command-line)، یک controller به نام AjaxController بسازید.
php artisan make:controller AjaxController --plain
مرحله 3 - بعد از ساخت controller، پیامی مبنی بر موفقت آمیز بودن دستور فوق برای شما نمایش داده می شود.
مرحله 4 - وارد این فایل controllerی که ساخته اید شوید app/Http/Controllers/AjaxController.php شوید و کدهای زیر را در آن قرار دهید.
<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
use App\Http\Requests;
use App\Http\Controllers\Controller;
class AjaxController extends Controller {
public function index(){
$msg = "This is a simple message.";
return response()->json(array('msg'=> $msg), 200);
}
}
مرحله 5 - routeهای زیر را به فایل app/Http/routes.php اضافه کنید.
Route::get('ajax',function(){
return view('message');
});
Route::post('/getmsg','AjaxController@index');
مرحله 6 - مرورگر خود را باز کنید و URL زیر را در آن وارد کنید.
http://localhost:8000/ajax
مرحله 7 - شما به یک صفحه هدایت می شوید که در آن پیامی خواهید دید، که در تصویر زیر نشان داده شده است.
مرحله 8 - پس از کلیک روی دکمه، خروجی به صورت تصویرزیر نمایش داده می شود.
این فصل در یک نگاه:
آشنایی با امکانات جدید لاراول ۷…
برخی از سرفصل های این پکیج آموزشی : لاراول چیست و چرا ما لاراول استفاده میکنیم کامپوزر کارش چیه و نصب اون نصب لاراول آموزش نصب لاراول از طریق اینستالر آموزش نصب لاراول با استفاده ا…این فصل در یک نگاه:
بهترین و پر بازده ترین روش تبدیل بازدیدکننده سایت به مشتری تبلیغات هدفمند و برند سازی هوشمندانه با ایمیل می باشد. ایمیل…
وبینار(سمینار آنلاین) آموزش تکنیک های ایمیل مارکتینگ اگر تا انتها این متن را مطالعه کنید نظر شما در مورد ایمیل مارکتینگ 180 درجه عوض می شود!! بر هیچکس پوشیده نیست که از سال 1972 که ای…این فصل در یک نگاه:
مباحث تکمیلی فریم ورک لاراول…
فصل اول :آموزش مقدماتی فریم ورک لاراول معرفی فریم ورک لاراول و پیشنیازهای انجام کار انجام کانفیگ های اولیه برای نصب و راه اندازی فریم ورک معرفی روش های نصب پروژه لاراولی از طریق سایت گی…این فصل در یک نگاه:
مباحث مقدماتی فریم ورک react.js…
توضیحات کلی مجموعه: فصل اول : آشنایی با مباحث مقدماتی فریم ورک react.js نصب و راه اندازی node.js و کلیه پیش نیازهای لازم نصب فریم ورک react روی لوکال و انجام تست های لازم آغاز آشنایی …