Sử dụng ajax kết hợp với Laravel trong PHP | Thiết kế web Green House

Posted on by adminChuyên mục:Kiến thức Internet
Ajax trong Javascript là một trong những kĩ thuật phổ cập nhất lúc bấy giờ. Việc sử dụng ajax cho website làm tăng thưởng thức của người dùng, website sẽ không cần load lại mà vẫn đổi khác tài liệu. Ajax chính là tính năng tốt nhất trong việc thiết kế xây dựng giỏ hàng bằng PHP. Vậy làm thế nào để hoàn toàn có thể tích hợp Ajax trong Jquery và Laravel trong PHP. Hãy cũng chúng tôi tìm hiểu và khám phá kỹ thuật này nhé

Tải laravel với composer

– Composer là công cụ dùng để quản trị những thư viện trong PHP. Nó giúp tất cả chúng ta tiết kiệm ngân sách và chi phí khá nhiều thời hạn với những thư viện thiết yếu mà dự án Bất Động Sản của mình cần sử dụng. Với composer, tất cả chúng ta chỉ cần khai báo tên và version của thư viện mà bạn cần sử dụng, tổng thể mọi việc composer sẽ giải quyết và xử lý cho bạn 1 cách đơn thuần nhất .

– Sau khi cài đặt composer, bạn chỉ cần bật CMD ở nơi bạn muốn cài đặt laravel và chạy câu lệnh: composer create-project laravel/laravel lar-53 –prefer-dist

Chạy laravel trên localhost

– Bạn có thể sử dụng phần mềm xampp để có thể dễ dàng tạo server riêng cho mình để làm việc trên máy tính cá nhân của mình

Phần mềm Xampp tạo server

– Để có thể chạy được laravel trên xampp, bạn cần vào cmd của thư mục và gõ lệnh: artisan serve

trang chủ laravel

Xây dựng cơ sở dữ liệu để tiền hành làm việc với ajax trong jquery

– Bước chuẩn bị sẵn sàng đã xong, giờ đây tất cả chúng ta hoàn toàn có thể triển khai phối hợp giữa ajax và laravel để tạo nên 1 tính năng tốt hơn cho website của mình

B1: Tạo 1 table users với các trường: id, hoten, email

Sau khi tạo thành công xuất sắc table users trên ứng dụng Xampp với tên csdl là ajaxTrong file. ENV trong laravel, hãy liên kết với cơ sở tài liệu .

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

Tạo Model cho bảng travels bằng terminal

php artisan make : Model Users

Trong file App \ Users. php tất cả chúng ta sửa Mã Sản Phẩm như sau

namespace App \ Model ;use Illuminate \ Database \ Eloquent \ Model ;

class Users extends Model
{
public $timestamps = false;
public $fillable = [‘hoten’, ’email’];

}

Đây là cơ sở tài liệu của tôi, nếu những bạn đặt tên khác thì hoàn toàn có thể custom lại. Như vậy là tất cả chúng ta đã xong trong bước đầu, tạo csdl và liên kết laravel với csdl .

B2: Tạo giao diện cho form

{{ csrf_field() }}



/ / Javascript

Tại đây tất cả chúng ta sử dụng method post nên tôi sẽ truyền _token vào data để server hoàn toàn có thể hiểu method post

B3: Tạo route và xử lý

Đầu tiên tất cả chúng ta sẽ tạo controller bằng terminal

php artisan make:controller IndexController

Trong route / web.php tạo 2 route :

Route::get(”, [
‘uses’ => ‘IndexController@index’,
‘as’ => ‘index’
]);

Route::post(‘ajax’, [
‘uses’ => ‘IndexController@ajax’,
‘as’ => ‘ajax’
]);

Tiếp theo tất cả chúng ta sẽ giải quyết và xử lý controller để hiển thị và để giải quyết và xử lý

Hiển thị form:

namespace App \ Http \ Controllers \ Ajax ;

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

class IndexController extends Controller
{

public function index ( ){return view ( ‘ index ’ ) ;}public function ajax ( Request $ request ) {USD name = $ request -> name ;USD email = $ request -> email ;USD user = new Users ( ) ;USD user -> hoten = $ name ;USD user -> email = $ email ;USD user -> save ( ) ;/ / Sau khi lưu vào cơ sở tài liệu tất cả chúng ta sẽ trả về : Lưu thành công xuất sắc

return ‘

Lưu dữ liệu thành công

’

}}

Như vậy là tất cả chúng ta vừa tạo 1 form thêm người dùng sử dụng ajax trong laravel, kỳ vọng sau bài viết này những bạn hoàn toàn có thể vận dụng nó ở nhiều tính năng khác trên website của mình. Với việc phối hợp công nghệ tiên tiến ajax vào website để ngăn việc load lại website nhiều lần, website cũng bạn cũng sẽ mang lại trải nghiệp tốt hợp cho người dùng. Hãy cũng chúng tôi thiết kế xây dựng những công dụng hay để tăng trưởng website của mình tăng trưởng một cách tốt nhất nhé .

admin