Rumah  >  Artikel  >  pembangunan bahagian belakang  >  Bagaimana untuk mencipta ajax Bagaimana untuk mencipta jatuh turun bergantung ajax dalam laravel 11

Bagaimana untuk mencipta ajax Bagaimana untuk mencipta jatuh turun bergantung ajax dalam laravel 11

Patricia Arquette
Patricia Arquetteasal
2024-11-01 04:26:28452semak imbas

How to create ajax How to create ajax dependent dropdown in laravel 11

Dalam tutorial ini, saya akan mengajar anda cara membuat dropdown bergantung ajax dalam aplikasi laravel 11. kami akan membuat lungsur turun bergantung dinamik untuk pemilihan negara, negeri dan bandar dalam laravel 11.

Apakah itu Dependent Dropdown?
Menu lungsur bergantung ialah sejenis menu yang pilihan yang tersedia dalam satu menu lungsur turun bergantung pada pilihan yang dibuat dalam menu lungsur turun yang lain. Contohnya, jika anda memilih "Buah" dalam menu lungsur pertama, pilihan dalam menu lungsur kedua mungkin "Epal", "Pisang" dan "Oren". Tetapi jika anda memilih "Sayur-sayuran" dalam menu lungsur pertama, pilihan dalam menu lungsur kedua mungkin bertukar kepada "Lobak Merah", "Brokoli" dan "Tomato." Anda Boleh Belajar Laravel 11 Menjana dan Membaca Peta Laman Tutorial Fail XML

Dalam contoh ini, kami akan membuat jadual untuk negara, negeri dan bandar. Kemudian kami akan menambah beberapa data tiruan pada jadual tersebut menggunakan penyembur pangkalan data. Selepas itu, kami akan membuat borang dengan tiga kotak pilihan untuk negara, negeri dan bandar. Apabila pengguna memilih negara, kotak pilihan negeri akan diisi berdasarkan negara yang dipilih. Kemudian, selepas pengguna memilih negeri, kotak pilihan bandar akan diisi berdasarkan negeri yang dipilih. Jadi, mari lihat kod langkah demi langkah mudah untuk menu lungsur bergantung dinamik.

Langkah untuk Bagaimana untuk mencipta jatuh turun bergantung ajax dalam laravel 11?

Langkah 1: Pasang Laravel 11

Pertama sekali, kita perlu mendapatkan aplikasi versi Laravel 11 yang baru menggunakan arahan di bawah kerana kita bermula dari awal. Jadi, buka terminal atau command prompt anda dan jalankan arahan di bawah:

composer create-project laravel/laravel ajax-dependent-dropdown
cd ajax-dependent-dropdown

Anda Boleh Baca Cara Muat Naik Imej dengan Summernote dalam Tutorial Laravel 11

Langkah 2: Buat Migrasi

Dalam langkah ini, kami akan membuat migrasi untuk jadual negara, negeri dan bandar. Jadi mari jalankan arahan di bawah untuk mencipta jadual.

php artisan make:migration create_countries_states_cities_tables

Seterusnya, cuma kemas kini kod di bawah dalam fail pemindahan.

pangkalan data/migrations/create_countries_states_cities_tables.php

<?php

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     *
     * @return void
     */
    public function up(): void
    {
        Schema::create('countries', function (Blueprint $table) {
            $table->id();
            $table->string('name');
            $table->timestamps();
        });

        Schema::create('states', function (Blueprint $table) {
            $table->id();
            $table->string('name');
            $table->integer('country_id');
            $table->timestamps();
        });

        Schema::create('cities', function (Blueprint $table) {
            $table->id();
            $table->string('name');
            $table->integer('state_id'); 
            $table->timestamps();
        });
    }

    /**
     * Reverse the migrations.
     *
     * @return void
     */
    public function down(): void
    {
        Schema::dropIfExists('countries');
        Schema::dropIfExists('states');
        Schema::dropIfExists('cities');
    }
};

Baca Lagi

Atas ialah kandungan terperinci Bagaimana untuk mencipta ajax Bagaimana untuk mencipta jatuh turun bergantung ajax dalam laravel 11. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:Apakah tujuan \"Artikel seterusnya:Apakah tujuan \"