Hướng dẫn how to use javascript variable in laravel blade - cách sử dụng biến javascript trong laravel blade

Tôi sẽ tự động tạo các hàng của một bảng trong jQuery. Bằng cách nhấp vào nút AddRow, chức năng addRow () sẽ làm điều đó như bên dưới:

function addRow(){

  var rowCount = $("table tr").length - 1; 
  var row = '

Tôi sẽ gọi phương pháp này 5 lần và nó sẽ tạo 5 khu vực đầu vào tên là item1. Item2, Item3, Item4, Item5.

Ở phía máy chủ, tôi sử dụng xác thực yêu cầu biểu mẫu Laravel 5.2 để xác thực mọi trường đầu vào.

Nhưng nếu xác thực không thành công, đầu vào và lỗi cũ sẽ không được đặt thành đúng trường đầu vào vì

Tôi có thể đặt RowCount biến JavaScript vào "{{old (‘ item ')}}, đó là một mẫu lưỡi. Và tương tự là {{$ errors-> Đầu tiên (it item)}}.

Tôi đã cố gắng viết như thế này

'value="{{ old('giftValue[' . $rowCount .']') }}">'

và điều này

'value="{{ old('giftValue[' + $rowCount +’]’) }}">'

Nhưng có làm việc.

Có ai có ý tưởng tốt để giải quyết vấn đề này không?

Chuyển đổi Php Vars thành JavaScript

Ảnh của Kobu Agency trên unplash

Trong Laravel, chúng tôi chuyển dữ liệu đến chế độ xem lưỡi bằng cách sử dụng trình trợ giúp

'value="{{ old('giftValue[' . $rowCount .']') }}">'
4.

Chuyển dữ liệu cho lượt xem

Trong tuyến Ứng dụng, đối số thứ hai được sử dụng để truyền dữ liệu để xem.

Route::get('/', function () {
return view('welcome', ['name' => 'James']);
});

Trong bộ điều khiển, trình trợ giúp xem cũng được sử dụng để truyền dữ liệu.

Ký hiệu chấm chấm có thể được sử dụng để tham chiếu các chế độ xem lồng nhau. Sự cho phép dưới đây, dữ liệu sẽ hiển thị trên

'value="{{ old('giftValue[' . $rowCount .']') }}">'
5

public function show(Permission $permission)
{
return view('admin.permission.show', compact('permission'));
}

Chuyển một biến PHP cho JavaScript

Nhưng trong một số trường hợp, bạn muốn chuyển một số VAR phía máy chủ cho JavaScript. Ví dụ, yêu cầu một số giá trị cho phân tích. Chúng ta có thể chuyển các biến bằng cách sử dụng gói vars Php biến đổi sang gói JavaScript. Ngoài ra, chúng tôi có thể làm mà không cần sử dụng gói này.

  • 1. Sử dụng kết xuất JSON
  • 2. Sử dụng biến đổi Php Vars thành Gói JavaScript

1. Không có gói: Sử dụng kết xuất JSON

Trong kết xuất Laravel, JSON sẽ được sử dụng để khởi tạo biến JavaScript.

Thí dụ

Bây giờ thêm dữ liệu mảng trong tuyến ứng dụng. Mảng trang này chúng ta cần sử dụng làm JavaScript.

Route::get('/', function () {
return view('welcome', ['page_data' => [
'title' => 'Home',
'price' => 20
]]);
});

Thêm các js :: từ trong quan điểm chào mừng

'value="{{ old('giftValue[' . $rowCount .']') }}">'
6

Mở trình duyệt và kiểm tra trang_data trong bảng điều khiển.

2. Sử dụng biến đổi Php Vars thành Gói JavaScript

1. Không có gói: Sử dụng kết xuất JSON

composer require laracasts/utilities

Trong kết xuất Laravel, JSON sẽ được sử dụng để khởi tạo biến JavaScript.

'value="{{ old('giftValue[' . $rowCount .']') }}">'
7

'providers' => [
'...',
Laracasts\Utilities\JavaScript\JavaScriptServiceProvider::class,
];

Thí dụ

'value="{{ old('giftValue[' . $rowCount .']') }}">'
8

'value="{{ old('giftValue[' . $rowCount .']') }}">'
0

Bây giờ thêm dữ liệu mảng trong tuyến ứng dụng. Mảng trang này chúng ta cần sử dụng làm JavaScript.

'value="{{ old('giftValue[' . $rowCount .']') }}">'
1

Thêm các js :: từ trong quan điểm chào mừng

'value="{{ old('giftValue[' . $rowCount .']') }}">'
9

Mở trình duyệt và kiểm tra trang_data trong bảng điều khiển.

'value="{{ old('giftValue[' . $rowCount .']') }}">'
2

'value="{{ old('giftValue[' . $rowCount .']') }}">'
6

'value="{{ old('giftValue[' . $rowCount .']') }}">'
3

Bây giờ tiêu đề và giá có sẵn trên đối tượng cửa sổ.

Nếu bạn biết bất kỳ phương pháp thay thế nào khác, hãy chia sẻ chúng trong bình luận.

Cảm ơn bạn đã đọc.

Chơ để biết thêm!

Theo dõi tôi tại Balajidharma.medium.com.balajidharma.medium.com.

Làm cách nào để gán một biến JavaScript cho biến Laravel?

Bạn có thể gửi "Tên" biến thông qua yêu cầu AJAX đến một trang, nhưng sau đó tuyến đường Web Laravel của bạn sẽ cần xử lý yêu cầu. Tuyến đường :: get ('/encrypt/{value}', function ($ value) {return crypt :: encrypt ($ value);});send the variable "name" through an ajax request to a page, but then your Laravel web route will need to handle the request. Route::get('/encrypt/{value}', function($value) { return Crypt::encrypt($value); });

Làm thế nào sử dụng biến JavaScript trong thẻ PHP?

Cách để chuyển biến JavaScript sang PHP là thông qua yêu cầu.Loại URL này chỉ hiển thị nếu chúng ta sử dụng hành động Get, hành động bài đăng ẩn thông tin trong URL.Phía máy chủ (PHP): Trên trang PHP phía máy chủ, chúng tôi yêu cầu dữ liệu được gửi bởi biểu mẫu và hiển thị kết quả.$ result = $ _get ['dữ liệu'];through a request. This type of URL is only visible if we use the GET action, the POST action hides the information in the URL. Server Side(PHP): On the server side PHP page, we request for the data submitted by the form and display the result. $result = $_GET [ 'data' ];

Làm thế nào sử dụng biến JavaScript trên cùng một trang trong PHP?

Bạn có thể dễ dàng nhận được giá trị biến JavaScript trên cùng một trang trong PHP.Hãy thử codel sau.var res = "thành công"; php echo "