۱۲
اسفند

جلسه ۲۳ : آموزش Ajax در لاراول

دسته‌بندی‌ها :

جزئیات
نوع محتواآموزش تصویری

فهرست

مقدمه

با عرض سلام خدمت کاربران عزیز سایت پی وی لرن و کاربرانی که دوره کامل آموزش لاراول را دنبال می کنند، دراین پست آموزشی خدمت شما عزیزان در مورد استفاده از Ajax در لاراول را خواهیم گفت. Ajax ابتدایِ کلماتِ «Asynchronous JavaScript and XML» می باشد. و به معنی« ترکیبِ نامتقارن یا غیر همزمان ِجاوااسکریپت و XML‌ » است. در واقع مجموعه ای از تکنیک های توسعه وب است، Ajax (آسنکرون جاوا اسکریپت و XML) مجموعه ای از تکنیک های توسعه وب است که از بسیاری از تکنیک های وب استفاده شده در سمت سرویس گیرنده برای ایجاد برنامه های وب شبکه ای استفاده می کند. در ادامه این آموزش ما به مبحث چگونگی استفاده از Ajax در لاراول پرداخته ایم.

آشنایی با استفاده از Ajax در لاراول

()json تابع سینتکس

مثال :

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

1	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>

<html>

<head>

<title>Ajax Example</title>

</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

1	php artisan make:controller AjaxController --plain

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

استفاده از Ajax در لاراول – ایجاد کنترلر

مرحله ۴: کد زیر را در داخل فایل app/Http/Controllers/AjaxController.php کپی کنید.

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

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

}

مرحله ۵: خطوط زیر را در app / Http / routes.php اضافه کنید.

app / Http / routes.php

مثال :

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

Route::get('ajax',function() {

return view('message');

});

Route::post('/getmsg','AjaxController@index');

مرحله ۶: برای تست عملکرد Ajax از URL زیر دیدن کنید.

مثال :

http://localhost:8000/ajax

1	http://localhost:8000/ajax

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

استفاده از Ajax در لاراول – تست عملکرد Ajax

مرحله ۸: پس از کلیک روی دکمه، خروجی به صورت زیر نمایش داده می شود.

استفاده از Ajax در لاراول – خروجی

کلام آخر

در سمت سرور شما می توانید از تابع () response برای ارسال پاسخ به مشتری استفاده کنید. و برای پاسخ دادن به فرمت JSON ارسال کنید که می توانید عملکرد پاسخ را با تابع () json زنجیره ای کنید. اگر تمام مراحل را به خوبی پشت سر بگذرانید میتوانید خروجی درست را دریافت کنید. و اگر خطایی دریافت کردید سعی کنید خطا را رفع کنید. و دوباره سعی بر درست وارد کردن کد ها کنید.

امیدواریم از آموزش Ajax در لاراول راضی بوده باشید.

به اشتراک بگذارید

Ajax ,Ajax در لاراول ,آموزش Ajax در لاراول ,لاراول

دیدگاه کاربران

تعداد دیدگاه : 0

پی وی لرن – آموزش برنامه نویسی و طراحی وب سایت

دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)

جلسه ۲۳ : آموزش Ajax در لاراول

مقدمه

آشنایی با استفاده از Ajax در لاراول

()json تابع سینتکس

کلام آخر

لیست مطالب دوره

مطالب ویژه

دسته های اصلی

برگه ها

بلاگ