Call PHP Variable in Ajax

Question

I try to make progress bar, the css code like this:

#result{
    background:#8c8f91;
margin-left: 15px;
margin-right: auto;
table-layout: fixed;
border-collapse: collapse;
z-index: -1; position:relative;
width: 0%;
}

And I want to update my progress bar with Ajax:

       $(function worker(){
    // don't cache ajax or content won't be fresh
    $.ajaxSetup ({
        cache: false,
        complete: function() {
          // Schedule the next request when the current one's complete
          setTimeout(worker, 4500);
        }});
   $("#result").css("width"," <?php echo json_encode($percent); ?>");
   $("#result").load("http://localhost/test6/select-oki.php #result").fadeIn();
}
// end  
});

I want to update "width" value with "$percent", but it didnt get value from it. I think the problem is in this :

$("#result").css("width"," <?php echo json_encode($percent); ?>");

try <? php echo $percent ?>

Risul Islam
– Risul Islam

2017-11-25 03:54:37 +00:00
Commented Nov 25, 2017 at 3:54 — Risul Islam
– Risul Islam, Commented Nov 25, 2017 at 3:54
I already try it but still not working :')

user3679987
– user3679987

2017-11-25 05:22:38 +00:00
Commented Nov 25, 2017 at 5:22 — user3679987
– user3679987, Commented Nov 25, 2017 at 5:22

JoeCrash · Accepted Answer · 2017-11-25 04:06:19Z

1

A few things about the original code. $percent is not defined in js, at least the code you are showing. You are requesting json_encode before even attempting a load. I have not tested this, just some stuff I noticed.

Consider this approach

$(function worker(){
    $.ajax({
        cache: false,
        url:'http://localhost/test6/select-oki.php',
        success: function(data) {
            var response = JSON.parse(data);
            $("#result").css("width",response['percent']).fadeIn();
        },
        error: function(xhr, ajaxOptions, thrownError) {
            console.log('error!');
        }
    });
});

Echo your data out from PHP echo json_encode(['percent'=>$percent]);

answered Nov 25, 2017 at 4:06

JoeCrash

5322 silver badges9 bronze badges

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

2 Comments

JoeCrash Over a year ago

I made a fiddle with the same idea, but changed the .css('width', pct) to .animate('width', pct). Here is the link jsfiddle.net/p3vfdu2z/2

JoeCrash Over a year ago

Make sure you return your url and remove the data properties, I modifed those to show you a working example. Once you return your url, and this does not work, you likely have an error in the php file you are accessing.

Collectives™ on Stack Overflow

Call PHP Variable in Ajax

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related