Обмінюйтеся Даними Між Php Та Javascript За Допомогою Php2Js

Пакет PHP2JS для Laravel - це продуманий спосіб стандартизувати процес обміну даними між PHP і JavaScript. Існує багато підходів до обміну даними між фронтендом та бекендом, тому цей пакет може підійти не всім, але він може запропонувати вам просте рішення для послідовного обміну даними за допомогою JavaScript.

Ось приклад з документації, який ілюструє, як цей пакунок обмінюється даними з контролера з представленням, доступним для JavaScript:Це стає доступним через об'єкт, що включає дані з представлення:Ви також можете визначити значення, які повинні бути спільними для представлення, окремо від значень, PHP2JS переданих у представлення Blade за допомогою методу:

class YourController extends Controller
{
    public function index()
    {
        return view('welcome')->with([
            'moonLandingDate' => '1969-07-20'
        ])->toJS();
    }
}

let moonLandingDate = PHP2JS.data.moonLandingDate;
// '1969-07-20'

toStrictJS()

$astronauts = [
    'Neil Armstrong',
    'Buzz Aldrin',
    'Michael Collins'
];
return view('welcome')->with([
    'astronauts' => $astronauts
])->toStrictJS([
    'spacecraft' => "Lunar Module Eagle",
    'event'      => "Apollo 11 Moon Landing",
]);

Нарешті, ви також можете працювати з об'єктом даних, доступним для JavaScript, за допомогою функцій пакета на об'єкті:Цей пакунок також пропонує інструмент під назвою QuickRequest, щоб спростити виконання запитів API з JavaScript до вашого бекенду Laravel:

// Assign a copy of the object to a new variable at runtime.
// Remember to replace PHP2JS with the Alias you have used.
const __PHP = PHP2JS.assign();

// Extract data or validate if it exists in
// the object delivered by PHP:
const post = PHP2JS.only('post');
const hasPost = PHP2JS.has('post');

// Get a value
PHP2JS.get("date");

/**
 * Considering that this value is retrieved from
 * somewhere in a JS variable.
 */
const idRecord = 10;

/**
 * Use the route structure created in web.php.
 */
QuickRequest().get({
    url: '/record/' + idRecord,
    success: function (res) {
        console.log("Successful Process, Data: ", res.data);
    },
    error: function (err) {
        console.error("Error: " + err.data.message);
    }
});

Ви можете дізнатися більше про цей пакунок, отримати повні інструкції зі встановлення та переглянути приклади в офіційній документації; вихідний код проекту також доступний на PHP2JS GitHub за адресою rmunate/PHP2JS.