Передать переменную Laravel в функцию Jquery
Попытка передать переменную 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
Является ответом!
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 ;)
Помочь в развитии проекта: