Laravel Ajax

Ajax (異步的 JavaScript 和 XML)是一套運用在客戶端用來創建異步Web應用程序的Web開發技術。 在視圖文件導入 jQuery 庫使用 ajax來發送並從服務器接收數據。 在服務器端,您可以使用 response() 函數發送響應客戶端,以及發送JSON格式的響應可以使用 JSON()函數來接收響應的數據。

json()函數語法

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

示例

第1步 - 創建一個名爲 resources/views/message.php 的視圖文件,並複製下面的代碼到此文件中。

Laravel Ajax示例
  <script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
  </script>

  <script>
     function getMessage(){
        $.ajax({
           type:'get',
           url:'/getmsg',
           data:'\_token = <?php echo csrf\_token() ?>',
           success:function(data){
              $("#msg").html(data.msg);
           }
        });
     }
  </script>
這條消息將會使用Ajax來替換. 點擊下面的按鈕來替換此消息.
'getMessage()'\]); ?>

第2步 - 通過執行以下命令創建一個名爲 AjaxController 的控制器。

php artisan make:controller AjaxController

第3步 - 成功執行後,您會收到以下輸出 -
Laravel

第4步 - 複製下面的代碼到文件 - app/Http/Controllers/AjaxController.php

app/Http/Controllers/AjaxController.php

json(array('msg'=> $msg), 200); } } 第5步 - 添加以下行到文件 - app/Http/routes.php app/Http/routes.php Route::get('ajax',function(){ return view('message'); }); Route::get('/getmsg','AjaxController@index'); 第6步 - 請訪問以下網址來測試Ajax功能。 *https://asset.1ju.org/ajax* 第7步 - 這將被重定向到一個頁面,你會看到一條消息,如下面的圖片所示。 ![Laravel Ajax](https://asset.1ju.org/cmsstatic/laravel-ajax-2.png) 第8步 - 爲點擊按鈕後顯示輸出如下圖所示。 ![Laravel Ajax](https://asset.1ju.org/cmsstatic/laravel-ajax-3.png)