آموزش ایجکس در لاراول

3 سال پیش

آموزش ایجکس در لاراول

در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به آموزش ایجکس در لاراول خواهیم پرداخت.

Ajax (جاوا اسکریپت ناهمزمان و XML) مجموعه ای از تکنیک های توسعه وب است که از بسیاری از فناوری های وب استفاده می کند که در سمت سرویس گیرنده برای ایجاد برنامه های وب ناهمزمان استفاده می شود. برای استفاده از توابع ajax jquery که برای ارسال و دریافت داده ها با استفاده از ایجکس از سرور استفاده می شود ، کتابخانه jquery را در فایل view خود وارد کنید. در سمت سرور می توانید از تابع ()reply برای ارسال پاسخ به مشتری و برای ارسال پاسخ در قالب JSON می توانید تابع پاسخ را با تابع ()json زنجیره کنید.

json(string|array $data = array(), int $status = 200, array $headers = array(), int $options)

مثال

مرحله ۱ – یک فایل نمای به نام resources/views/message.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>

مرحله ۲ – با اجرای دستور زیر یک کنترلر به نام AjaxController ایجاد کنید.

php artisan make: controller AjaxController --plain

مرحله ۳ – پس از اجرای موفق ، خروجی زیر را دریافت خواهید کرد –

AjaxController
مرحله ۴ – کد زیر را در کپی کنید

app/Http/Controllers/AjaxController.php file.

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);
   }
}

مرحله ۵ – خطوط زیر را در برنامه/Http/route.php اضافه کنید.

app/Http/route.php

Route::get('ajax',function() {
   return view('message');
});
Route::post('/getmsg','AjaxController@index');

مرحله ۶ – برای آزمایش عملکرد Ajax به آدرس زیر مراجعه کنید.

http: // localhost: 8000/ajax

مرحله ۷ – به صفحه ای هدایت می شوید که در آن پیامی را مشاهده خواهید کرد که در تصویر زیر نشان داده شده است.

Replace Message
مرحله ۸ – خروجی پس از کلیک روی دکمه مطابق تصویر زیر ظاهر می شود.

Simple Message

منبع.

لیست جلسات قبل آموزش لاراول

برچسب ها : آموزش طراحی وب سایت آموزش لاراول

نویسنده مطلب erfan molaei

آموزش ایجکس در لاراول

آموزش ایجکس در لاراول

مثال

لیست جلسات قبل آموزش لاراول

دیدگاه شما

بدون دیدگاه

آموزش ایجکس در لاراول

مثال

لیست جلسات قبل آموزش لاراول

دیدگاه شما

برای صرف‌نظر کردن از پاسخ‌گویی اینجا را کلیک نمایید.

بدون دیدگاه