Передать переменную Laravel в функцию Jquery


Передать переменную Laravel в функцию Jquery

14.10.2020 04:52:44 Просмотров 12 Источник

Попытка передать переменную Laravel из контроллера, например campaigns, в другой файл функции jquery для вызова ajax. Обычно в php мы можем показать данные с помощью campaigns->id. Я хотел перейти к функции и ajax-вызову, чтобы показать на графике.

index.php

<div id="colouredBarsChart" class="ct-chart"></div>
<canvas id="myAreaChart" height="60"></canvas>

<script src="{{ asset('js/create-charts.js') }}"></script>

create-charts.js

( function ( $ ) {

var charts = {
    init: function () {
        // -- Set new default font family and font color to mimic Bootstrap's default styling
        Chart.defaults.global.defaultFontFamily = '-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif';
        Chart.defaults.global.defaultFontColor = '#292b2c';

        this.ajaxGetCampaignReportData();

    },

    ajaxGetCampaignReportData: function () {
        // var urlPath =  'http://' + window.location.hostname + '/get-campaigns-chart-data';
        var urlPath =  '/engagements/{{campaign->id}}/get-campaigns-report-chart-data'; <------ ***Here***
        var request = $.ajax( {
            method: 'POST',
            url: urlPath,
            data: reference: campaign->score, <------------ ***Here***
            dataType:"json",
    } );

        request.done( function ( response ) {
            // console.log( response );
            charts.createCompletedJobsChart( response );
        });
    },

    /**
     * Created the Completed Jobs Chart
     */
    createCompletedJobsChart: function ( response ) {
    }
};
charts.init();

} )( jQuery );

У вопроса есть решение - Посмотреть?

Ответы - Передать переменную Laravel в функцию Jquery / Pass Laravel variable to Jquery function

Является ответом!
john Smith

14.10.2020 05:04:23

В index.php визуализация содержимого в js-variable-definition:

<div id="colouredBarsChart" class="ct-chart"></div>
<canvas id="myAreaChart" height="60"></canvas>
<script>
var my_backend_var = "{{ $campaign->score }}";
</script>
<script src="{{ asset('js/create-charts.js') }}"></script>

а в вашем create-charts.js тогда у вас будет доступ к файлу js var:

data: {reference:my_backend_var}

Я добавил скобки, потому что вы хотите добавить js-объект в свойство data ;)

Помочь в развитии проекта:
Закрыть X