Как получить php эхо-данные в jquery

Question

Как получить php эхо-данные в jquery. я хочу dataDAY1 в jquery. Я использую индикатор выполнения. я использую php и sql. мне нужно всего var total_goals и var goal_completed данные из базы данных

<div id="dataDAY1"><?php echo $row["ipoSize"]; ?></div>

<script>
    $(document).ready(function(){
        var total_goals = document.getElementById("dataDAY1")
        // var total_goals = '$json_array';
        var goals_completed = 3000;

        var bar = new ProgressBar.Circle('#container', {
            color: '#00b819',
            strokeWidth: 4,
            trailWidth: 4,
            easing: 'easeInOut',
            duration: 1400,
            text: {
                autoStyleContainer: false
            },
            from: { color: '#cecece', width: 4 },
            to: { color: '#00b819', width: 4 },
            step: function(state, circle) {
                circle.path.setAttribute('stroke', state.color);
                circle.path.setAttribute('stroke-width', state.width);

                var value = Math.round(circle.value() * 100);
                if (value === 0) {
                    circle.setText('');
                } else {
                    circle.setText(value);
                }
            }
        });
        bar.text.style.fontFamily = '"Raleway", Helvetica, sans-serif';
        bar.text.style.fontSize = '2rem';
        bar.animate(goals_completed/total_goals);  // Number from 0.0 to 1.0
    });
</script>

Answer 1

попробуйте это ...

для JQuery: var total_goals = $("dataDAY1").html();

для Javascript: var total_goals = document.getElementById("dataDAY1").innerHTML;

фрагмент:

var total_goals = $('#dataDAY1').html();
console.log(total_goals);

var total_goals_js = document.getElementById('dataDAY2').innerHTML;
console.log(total_goals_js);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="dataDAY1">Your Data From Php Variable</div>
<div id="dataDAY2">Your Data From Php Variable 2</div>

Answer 2

Вы можете использовать php в javascript. Смотрите ниже код

<script>
    var total_goals = "<?php echo $row['ipoSize']; ?>";
</script>

Answer 3

Попробуйте это: -

 var total_goals= <?php echo json_encode($json_array); ?>;
console.log(total_goals);