Laravel Ajax


Ajax(异步JavaScript和XML) 是一组利用客户端使用的许多Web技术创建异步Web应用程序的Web开发技术。在你的视图文件中导入jQuery库以使用jQuery的ajax函数,这些函数将用于使用服务器的ajax发送和接收数据。在服务器端,您可以使用response()函数向客户端发送响应,并以JSON格式发送响应,您可以使用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步 - 成功执行后,您将收到以下输出 -

AjaxController

第4步 - 复制下面的代码

app / Http / Controllers / AjaxController.php 文件。

应用程序/ HTTP /控制器/ 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中 添加以下行。

应用程序/ HTTP / routes.php文件

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

第6步 - 访问以下URL以测试Ajax功能。

http://localhost:8000/ajax

第7步 - 您将被重定向到一个页面,您将看到一条消息,如下图所示。

替换消息

第8步 - 点击按钮后,输出将如下图所示。

简单的消息