How can I access Laravel Helper from Javascript?

✔ Recommended Answer

I found the answer. Basically, there is no direct way to write PHP code in the .js file. Here is 3 short way to get PHP/Laravel variable or Laravel Helper.

Solution 1. Call an ajax and get the return the value from js and use it as needed.

$(function() {     // ajax call});

Solution 2. Any Laravel Helper/Var can be accessible from a blade file, like this:

<script>    let name = "{{ \Helper::get_name() }}";</script>

and use this name anywhere in js.

Solution 3. The last and best way which I have been using is:Add the external script in the blade and add a getter and setter method into the script so that you can set the value from the blade file inside the js.

// in external/script.js scriptvar GetLaravelHelper = function () {    let options = {        name_from_laravel : ''    }    return {        init: function(){            // code for on load        },        set_options: function(data){            Object.assign( options, data );        },        get_options: function(){            return options;        }    }}();window.GetLaravelHelper = GetLaravelHelper; // You can get acces this GetLaravelHelper into balde file where you imort this jsdocument.onload(function(){    GetLaravelHelper.init();})

Then in blade, you can set any value into the Object like this:

<script src="external/script.js"></script><script>   GetLaravelHelper.set_options({        name_from_laravel: "{{ config('app.name') }}", // or anything from laravel/php   })</script>

Hope it will help you a lot. Happy Coding <3

Source: stackoverflow.com

Answered By: nayeemdev

Method #2

Laravel Helper functions are written in PHP, and therefore cannot be directly accessed from JavaScript. However, there are a few ways you can achieve this:

1. Use AJAX: You can create an AJAX endpoint in Laravel that returns the result of the helper function, and then make an AJAX call to this endpoint from your JavaScript code. For example:

In your routes/web.php file, define a new route that returns the result of the helper function:

scss
Route::get('/helper-function', function () {
    return response()->json(['result' => my_helper_function()]);
});

In your JavaScript code, make an AJAX call to this endpoint:

javascript
$.get('/helper-function', function(data) {
    console.log(data.result);
});

2. Use Blade templates: You can use Blade templates to generate JavaScript code that includes the result of the helper function. For example:

In your view file, use the @php directive to call the helper function and store the result in a JavaScript variable:

less
@php $result = my_helper_function(); @endphp
<script>
    var myResult = '{{ $result }}';
    console.log(myResult);
</script>

3. Use a package: There are a few packages available that provide helpers for accessing Laravel functions from JavaScript. One popular package is laravel-mix, which provides a mix helper function that you can use to generate URLs to assets, among other things. To use laravel-mix, you'll need to install it via NPM and configure your webpack.mix.js file.

In conclusion, using AJAX or Blade templates are the most common ways of accessing Laravel Helper functions from JavaScript.