Laravel — Ajax

Laravel — Ajax

От автора: в Laravel Ajax (асинхронный JavaScript и XML) — это метод веб-разработки, использующий различные веб-технологии, применяемые на стороне клиента для создания асинхронных веб-приложений. Импортируйте библиотеку jquery в файл представления, чтобы использовать функцию ajax из jquery, которая будет применяться для отправки и получения данных с сервера с помощью ajax. На стороне сервера вы можете использовать функцию response() для отправки ответа клиенту, для предоставления ответа в формате JSON вы можете связать функцию response с функцией json().

Синтаксис функции json()

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

Пример

Шаг 1. Создайте файл представления с именем 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>

Шаг 2 — Создайте контроллер с именем AjaxController, выполнив следующую команду.

php artisan make:controller AjaxController --plain

Шаг 3 – В результате вы получите следующее:

Laravel — Ajax

Фреймворк Laravel. Быстрая разработка с фреймворком №1

Узнай тонкости современной веб-разработки с помощью фреймворка Laravel

Узнать подробнее

Шаг 4 — Скопируйте в файл 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 — Добавьте в файл app/Http/routes.php следующие строки.

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

Шаг 6 – Перейдите по следующему URL-адресу, чтобы проверить работу Ajax. http://localhost:8000/ajax

Шаг 7 — Вы будете перенаправлены на страницу, на которой увидите сообщение, приведенное на следующем рисунке.

Laravel — Ajax

Шаг 8 — После нажатия кнопки вы увидите на экране следующее.

Laravel — Ajax

Источник: https://www.tutorialspoint.com/

Редакция: Команда webformyself.

Фреймворк Laravel. Быстрая разработка с фреймворком №1

Узнай тонкости современной веб-разработки с помощью фреймворка Laravel

Узнать подробнее
Самые свежие новости IT и веб-разработки на нашем Telegram-канале

Фреймворк Laravel. Быстрая разработка с фреймворком №1

Узнай тонкости современной веб-разработки с помощью фреймворка Laravel

Научиться

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree