溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

PHP+Laravel的使用示例

發(fā)布時(shí)間：2020-12-14 14:19:15 來源：億速云 閱讀：142 作者：小新 欄目：編程語言

小編給大家分享一下PHP+Laravel的使用示例，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

聲明

本文只是零散的應(yīng)用教程，默認(rèn) Laravel 項(xiàng)目已經(jīng)安裝完成，并正常運(yùn)行；

Ajax 的使用

創(chuàng)建控制器

在項(xiàng)目根目錄下運(yùn)行命令

php artisan make:controller TestController

創(chuàng)建成功會提示 Controller created successfully.
創(chuàng)建成功后會在 app/Http/Controllers/ 目錄下生成 TestController.php 文件
在 TestController.php 文件中加入

public function index(){
    return view('test');}public function testAjax(){
    echo '請求成功了';die;}

PHP+Laravel的使用示例

創(chuàng)建視圖文件

在 resources/views 目錄中新建一個(gè)視圖文件 test.blade.php

PHP+Laravel的使用示例
文件中的內(nèi)容如下

PHP+Laravel的使用示例

路由配置

打開路由文件 routes/web.php ，默認(rèn)路由如下：

PHP+Laravel的使用示例

下方新增一條展示測試 Ajax 頁面的路由

Route::get('test', [TestController::class, 'index'])->name('test.index');

新增一條接收 Ajax 請求的路由

Route::post('test', [TestController::class, 'testAjax'])->name('test.ajax');

更多路由相關(guān)內(nèi)容請查看文檔 路由《Laravel 8 中文文檔》

增加進(jìn)入測試頁面的入口

打開 resources/views/welcome.blade.php 文件，找到大概 111 行的位置：

PHP+Laravel的使用示例

復(fù)制內(nèi)容，修改為需要的測試頁面入口

<a href="{{route('test.index')}}" class="ml-1 underline">
    測試入口</a>

PHP+Laravel的使用示例

保存后刷新頁面，就能看到測試入口了

PHP+Laravel的使用示例

點(diǎn)擊測試入口，進(jìn)入測試頁面，會看到以下內(nèi)容

PHP+Laravel的使用示例

修改頁面內(nèi)容

將下載好的 jquery.min.js 放入 public/assets/ 目錄下

PHP+Laravel的使用示例

修改 resources/views/test.blade.php 文件的內(nèi)容

<!DOCTYPE html><html><head>
    <meta charset="utf-8">
    <title>Test Ajax</title>
    <script src="{{asset('assets/jquery.min.js')}}"></script></head><body>
    返回的內(nèi)容:<p style="color: red" class="response-message"></p>
    <form method="post" action="{{route('test.ajax')}}">
        {!! csrf_field() !!}
        提交的內(nèi)容：<input type="text" name="text">
        <span class="submit-btn">提交</span>
    </form></body><script>
    $('.submit-btn').click(function () {
        let url = $(this).closest('form').attr('action');
        let formData = $(this).closest('form').serialize();
        $.post(url,formData,function (response) {
            $('.response-message').text(response);
        })
    })</script></html>

點(diǎn)擊測試頁面的 提交 可以看到控制器中 testAjax() 返回的內(nèi)容已經(jīng)顯示在頁面上

PHP+Laravel的使用示例

PHP+Laravel的使用示例

修改控制器中接收請求接口的內(nèi)容

文件路徑 app/Http/Controllers/TestController.php 原內(nèi)容

PHP+Laravel的使用示例
修改后的內(nèi)容：

PHP+Laravel的使用示例

修改前端頁面

文件路徑 resources/views/test.blade.php 

$('.submit-btn').click(function () {
        let url = $(this).closest('form').attr('action');
        let formData = $(this).closest('form').serialize();
        $.post(url,formData,function (response) {
            let responseData = response.data;
            let appendStr = '<span style="border: 1px solid blue">'+responseData.text+'</span>';
            $('.response-message').empty().append(appendStr);
        })})

保存后在頁面輸入框中輸入內(nèi)容，點(diǎn)擊提交后即可看到最新內(nèi)容

PHP+Laravel的使用示例

看完了這篇文章，相信你對PHP+Laravel的使用示例有了一定的了解，想了解更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手