programming

Cách lấy dữ liệu từ cơ sở dữ liệu bất cứ khi nào chọn trong danh sách thả xuống trong laravel

Yêu cầu các giá trị Tự động điền khi cần tải các bản ghi trên phần tử con dựa trên giá trị phần tử cha

Giá trị phần tử thay thế bằng các mục mới bất cứ khi nào giá trị phần tử gốc thay đổi

Trong hướng dẫn này, tôi chỉ cho bạn cách tự động điền danh sách thả xuống bằng jQuery AJAX trong Laravel

nội dung

1. Cấu hình cơ sở dữ liệu

Mở tệp

php artisan make:migration create_departments_table
php artisan make:migration create_employees_table

Chỉ định máy chủ, tên cơ sở dữ liệu, tên người dùng và mật khẩu

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=tutorial
DB_USERNAME=root
DB_PASSWORD=

2. Cấu trúc bảng

Tạo bảng

php artisan make:migration create_departments_table
php artisan make:migration create_employees_table

4 và

php artisan make:migration create_departments_table
php artisan make:migration create_employees_table

5 bằng cách sử dụng di chuyển và thêm một số bản ghi

php artisan make:migration create_departments_table
php artisan make:migration create_employees_table

Bây giờ, điều hướng đến thư mục

php artisan make:migration create_departments_table
php artisan make:migration create_employees_table

6 từ thư mục gốc của dự án

Tìm một tệp PHP kết thúc bằng

php artisan make:migration create_departments_table
php artisan make:migration create_employees_table

7 và mở nó

Xác định cấu trúc bảng trong phương thức

php artisan make:migration create_departments_table
php artisan make:migration create_employees_table

________số 8

Tương tự, tìm một tệp PHP kết thúc bằng

php artisan make:migration create_departments_table
php artisan make:migration create_employees_table

9 và mở nó

Xác định cấu trúc bảng trong phương thức

php artisan make:migration create_departments_table
php artisan make:migration create_employees_table

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=tutorial
DB_USERNAME=root
DB_PASSWORD=

Chạy di chuyển -

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=tutorial
DB_USERNAME=root
DB_PASSWORD=

Bảng đã được tạo và tôi đã thêm một số bản ghi vào đó

3. Mô hình

Tạo 2 Mô hình –

Phòng ban –

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=tutorial
DB_USERNAME=root
DB_PASSWORD=

Chỉ định các thuộc tính Mô hình có thể gán hàng loạt – tên bằng cách sử dụng thuộc tính

public function up[]
{
    Schema::create['departments', function [Blueprint $table] {
        $table->id[];
        $table->string['name'];
        $table->timestamps[];
    }];
}

Mã hoàn thành

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=tutorial
DB_USERNAME=root
DB_PASSWORD=

Người lao động -

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=tutorial
DB_USERNAME=root
DB_PASSWORD=

Chỉ định các thuộc tính Mô hình có thể gán hàng loạt – tên người dùng, tên, email và bộ phận bằng cách sử dụng thuộc tính

public function up[]
{
    Schema::create['departments', function [Blueprint $table] {
        $table->id[];
        $table->string['name'];
        $table->timestamps[];
    }];
}

Mã hoàn thành

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=tutorial
DB_USERNAME=root
DB_PASSWORD=

4. Bộ điều khiển

Tạo bộ điều khiển _______83

php artisan make:migration create_departments_table
php artisan make:migration create_employees_table

Nhập mô hình

public function up[]
{
    Schema::create['departments', function [Blueprint $table] {
        $table->id[];
        $table->string['name'];
        $table->timestamps[];
    }];
}

4 và

public function up[]
{
    Schema::create['departments', function [Blueprint $table] {
        $table->id[];
        $table->string['name'];
        $table->timestamps[];
    }];
}

Tại đây, tạo hai phương thức –

chỉ mục – Lấy tất cả các bản ghi từ bảng

php artisan make:migration create_departments_table
php artisan make:migration create_employees_table

4 và chỉ định trong

public function up[]
{
    Schema::create['departments', function [Blueprint $table] {
        $table->id[];
        $table->string['name'];
        $table->timestamps[];
    }];
}

Tải

public function up[]
{
    Schema::create['departments', function [Blueprint $table] {
        $table->id[];
        $table->string['name'];
        $table->timestamps[];
    }];
}

8 xem và vượt qua

public function up[]
{
    Schema::create['departments', function [Blueprint $table] {
        $table->id[];
        $table->string['name'];
        $table->timestamps[];
    }];
}

getEmployees – Phương thức này được sử dụng để xử lý yêu cầu AJAX. Lấy các bản ghi từ bảng

php artisan make:migration create_departments_table
php artisan make:migration create_employees_table

5 trong đó

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=tutorial
DB_USERNAME=root
DB_PASSWORD=

Trả lại Mảng

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=tutorial
DB_USERNAME=root
DB_PASSWORD=

12 ở định dạng JSON

Mã hoàn thành

php artisan make:migration create_departments_table
php artisan make:migration create_employees_table

5. Tuyến đường

Mở tệp

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=tutorial
DB_USERNAME=root
DB_PASSWORD=

Ở đây, xác định hai tuyến đường -

/
/getEmployees/{id} – Tuyến này sử dụng trong yêu cầu jQuery AJAX để lấy danh sách nhân viên

php artisan make:migration create_departments_table
php artisan make:migration create_employees_table

6. Xem

Tạo một tệp

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=tutorial
DB_USERNAME=root
DB_PASSWORD=

14 mới trong thư mục

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=tutorial
DB_USERNAME=root
DB_PASSWORD=

HTML –

Tạo hai phần tử

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=tutorial
DB_USERNAME=root
DB_PASSWORD=

16 –

Trong

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=tutorial
DB_USERNAME=root
DB_PASSWORD=

16 hiển thị tên bộ phận đầu tiên bằng cách lặp trên

public function up[]
{
    Schema::create['departments', function [Blueprint $table] {
        $table->id[];
        $table->string['name'];
        $table->timestamps[];
    }];
}

```
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=tutorial
DB_USERNAME=root
DB_PASSWORD=
```
16 thứ hai được sử dụng để hiển thị tên nhân viên theo bộ phận đã chọn bằng jQuery

jquery –

Xác định sự kiện

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=tutorial
DB_USERNAME=root
DB_PASSWORD=

20 trong danh sách thả xuống đầu tiên [

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=tutorial
DB_USERNAME=root
DB_PASSWORD=

21]

Đọc giá trị đã chọn và làm trống phần tử

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=tutorial
DB_USERNAME=root
DB_PASSWORD=

22 thứ hai, tất cả các tùy chọn ngoại trừ tùy chọn đầu tiên

Gửi yêu cầu AJAX GET tới

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=tutorial
DB_USERNAME=root
DB_PASSWORD=

23 và cũng chuyển giá trị

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=tutorial
DB_USERNAME=root
DB_PASSWORD=

Khi gọi lại thành công, hãy kiểm tra độ dài

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=tutorial
DB_USERNAME=root
DB_PASSWORD=

25 nếu nó lớn hơn 0 thì lặp lại trên

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=tutorial
DB_USERNAME=root
DB_PASSWORD=

25. Tạo các tùy chọn và thêm vào bộ chọn

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=tutorial
DB_USERNAME=root
DB_PASSWORD=

Mã hoàn thành

php artisan make:migration create_departments_table
php artisan make:migration create_employees_table

7. Đầu ra

Xem đầu ra

8. Kết luận

Xác định sự kiện

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=tutorial
DB_USERNAME=root
DB_PASSWORD=

20 trên phần tử cha và theo các bản ghi tìm nạp giá trị đã chọn cho phần tử con bằng jQuery AJAX

Bạn có thể sửa đổi mã nếu muốn thực hiện việc này với nhiều hơn hai menu thả xuống. Đối với điều này, bạn cần xác định sự kiện

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=tutorial
DB_USERNAME=root
DB_PASSWORD=

20 phù hợp và tìm nạp các bản ghi bằng jQuery AJAX

Làm cách nào tôi có thể tìm nạp dữ liệu Sau khi chọn từ danh sách thả xuống?

Không có bất kỳ hộp văn bản nào trong mã của bạn. .

Bạn có kiến thức về jquery và ajax?.

bạn có thể sử dụng onchange của jquery để kiểm tra xem khi nào bạn chọn bất kỳ giá trị nào, nó sẽ kích hoạt phương thức onchange và sau đó thông qua Ajax, bạn có thể điền các giá trị vào vùng văn bản của mình

Làm cách nào để tìm nạp dữ liệu từ cơ sở dữ liệu trong PHP và hiển thị trong danh sách thả xuống PHP?

Hiển thị dữ liệu từ cơ sở dữ liệu dựa trên lựa chọn thả xuống bằng PHP .

Tạo cơ sở dữ liệu & bảng. Trước hết, Tạo cơ sở dữ liệu MySQL với tên 'codingstatus'.

Kết nối PHP với cơ sở dữ liệu. .

Chèn dữ liệu vào bảng. .

Hiển thị dữ liệu trong danh sách thả xuống. .

Lấy dữ liệu từ cơ sở dữ liệu. .

Hiển thị dữ liệu trong bảng HTML

Làm cách nào để lưu trữ giá trị thả xuống trong cơ sở dữ liệu trong laravel?

Làm cách nào để lưu trữ nhiều giá trị được chọn trong Laravel? .

Bước 1. Tạo di chuyển

Bước 2. Tạo mô hình bài đăng

Bước 3. Tạo tuyến đường

Bước 4. Tạo bộ điều khiển

Bước 5. Tạo tập tin lưỡi dao

Làm cách nào để tìm nạp dữ liệu từ cơ sở dữ liệu trong Danh sách thả xuống bằng Ajax?

Vậy hãy bắt đầu viết mã. .

Bước1. Tạo bảng cơ sở dữ liệu MySQL. .

Bước2. Tạo kết nối cơ sở dữ liệu MySQL. .

Bước 3. Bao gồm các tệp Bootstrap, jQuery và JavaScript. .

Bước4. Tạo HTML lựa chọn thả xuống. .

Bước5. Tải xuống dữ liệu lựa chọn thả xuống với jQuery Ajax. .

Bước 6. Lấy dữ liệu từ cơ sở dữ liệu MySQL

nội dung

1. Cấu hình cơ sở dữ liệu

2. Cấu trúc bảng

3. Mô hình

4. Bộ điều khiển

5. Tuyến đường

6. Xem

7. Đầu ra

8. Kết luận

Làm cách nào tôi có thể tìm nạp dữ liệu Sau khi chọn từ danh sách thả xuống?

Làm cách nào để tìm nạp dữ liệu từ cơ sở dữ liệu trong PHP và hiển thị trong danh sách thả xuống PHP?

Làm cách nào để lưu trữ giá trị thả xuống trong cơ sở dữ liệu trong laravel?

Làm cách nào để tìm nạp dữ liệu từ cơ sở dữ liệu trong Danh sách thả xuống bằng Ajax?

Bài Viết Liên Quan

Toplist mới

Bài mới nhất

Chủ Đề