How to get php echo data in jquery

Question

How to get php echo data in jquery. i want dataDAY1 in jquery. i am using on progress bar. i use php and sql. i nedd total var total_goals and var goals_completed data from database

<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>

You need to send ajax request to get completed data from the database. — Prabhjot Singh Kainth
– Prabhjot Singh Kainth, Commented Feb 28, 2020 at 5:00

coderman401 · Accepted Answer · 2020-02-28 05:40:20Z

1

try this...

for JQuery: var total_goals = $("dataDAY1").html();

for Javascript: var total_goals = document.getElementById("dataDAY1").innerHTML;

snippet:

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>

edited Feb 28, 2020 at 5:40

answered Feb 28, 2020 at 5:33

coderman401

5924 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user12977185 Over a year ago

thank you its working for me. due to i have less then 15 reputation point so i cant cast a vote.

Paras Raiyani · Accepted Answer · 2020-02-28 05:11:28Z

0

Try this:-

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

edited Feb 28, 2020 at 5:11

answered Feb 28, 2020 at 5:03

Paras Raiyani

7785 silver badges10 bronze badges

Comments

Rajender Kumar · Accepted Answer · 2020-02-28 05:31:55Z

0

You can use php in javascript. See below code

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

answered Feb 28, 2020 at 5:31

Rajender Kumar

1667 bronze badges

Collectives™ on Stack Overflow

How to get php echo data in jquery

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related