Laravel - 阿賈克斯

PHPz原創: 2024-08-27 10:50:27985瀏覽

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 - 執行下列指令建立一個名為 Laravel - 阿賈克斯 的控制器。

php artisan make:controller Laravel - 阿賈克斯 --plain

步驟 3 − 成功執行後，您將收到以下輸出 −

第 4 步 - 將以下程式碼複製到

app/Http/Controllers/Laravel - 阿賈克斯.php 檔案。

app/Http/Controllers/Laravel - 阿賈克斯.php

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\Http\Requests;
use App\Http\Controllers\Controller;

class Laravel - 阿賈克斯 extends Controller {
   public function index() {
      $msg = "This is a simple message.";
      return response()->json(array('msg'=> $msg), 200);
   }
}

第 5 步 - 在 app/Http/routes.php.

中加入以下行

app/Http/routes.php

Route::get('ajax',function() {
   return view('message');
});
Route::post('/getmsg','Laravel - 阿賈克斯@index');

第 6 步 - 存取以下 URL 來測試 Ajax 功能。

http://localhost:8000/ajax

第 7 步 - 您將被重定向到一個頁面，您將在其中看到一條訊息，如下圖所示。

第 8 步 - 點選按鈕後，輸出將如下圖所示。

以上是Laravel - 阿賈克斯的詳細內容。更多資訊請關注PHP中文網其他相關文章！

php JavaScript laravel json jquery ajax format xml using copy function http

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：Laravel - 發送電子郵件下一篇：Laravel - 發送電子郵件

看更多