PHP ajax remote call to check progress

Question

I've got the following function that calls a php file which returns a percentage of a task thats complete.

Can anyone tell me what kind of data do i need to put in the PHP file to pass the percentage to the ajax call and how do i display the percentage on the page? e.g like a jQuery progress bar?

Thanks

function getStatus() {
    //check your progress
    $.ajax(
            {
                type: 'GET',
                url: "checkProgress.php",
                async: true,
                success:
                    function (data) {
                        //assume the data returned in the percentage complete
                        var percentage = parseInt(data);

                        //write your status somewhere, like a jQuery progress bar?

                        if (percentage < 100) {
                            //if not complete, check again
                            getStatus();
                        }
                    }
            });
}

Can you explain the task you are doing in the server so we might be able to help you. By the way I think your approach is good at this point. — DARK_DUCK, Jan 12 '14 at 13:15
pass the value in the PHP by JSON or plaintext. shouldn't matter. I would personally pass it by json, so I can extend the description of the progress. — Gasim, Jan 12 '14 at 13:21
DARK_DUCK, basically the php file is going to be generating lots of pdf files and storing them on the server. but the quantity of pdf could be in the hundreds, as the file is doing them it will store a temp file to know what file number it is on and calculate a percentage for that. — John, Jan 12 '14 at 13:38

score 0 · Answer 1 · answered Jan 12 '14 at 13:16

0

Every time you receive a request at your PHP file, you'll have to deal with the PHP HTTP Request variables (including $_REQUEST, $_GET & $_POST)

That's if you're dealing with data, but as you're just doing it to gain a response, you could just use this:

I don't know how your back-end is sorted (how you check progress), but you could do something like this:

#checkProgress.php
<?php
    return //your progress logic
?>

This will allow you to handle the response with your JS, which should come through in the success callback (as you've got already):

$.ajax(
            {
                type: 'GET',
                url: "checkProgress.php",
                async: true,
                success:
                    function (data) {
                        //assume the data returned in the percentage complete
                        var percentage = parseInt(data);

                        //write your status somewhere, like a jQuery progress bar?

                        if (percentage < 100) {
                            //if not complete, check again
                            getStatus();
                        }
                    }
            });

answered Jan 12 '14 at 13:16

Richard Peck

76,116
9
93
147

1

Shouldn't it be `echo` instead of `return`? – TiiJ7 Jan 12 '14 at 13:26
Don't think so - if you echo, it just builds the page, whereas return gives the object back. If you're trying to parse an integer value, echoing won't do it I don't think. Could be wrong though!! – Richard Peck Jan 12 '14 at 13:29
so in my php script do i just return "10" as 10 percent? – John Jan 12 '14 at 13:42
Yep - keep it simple & process the percentage formatting in the JS – Richard Peck Jan 12 '14 at 13:43
how do i display the value of the percentage on the main page? just below the var percentage, i put return percentage; but that didnt work – John Jan 12 '14 at 14:02
Where did you put percentage? JS or PHP? – Richard Peck Jan 12 '14 at 14:05
in the php, i put return "20"; as an example but then the JS is not getting the percentage. i then tried echo but that did not work either – John Jan 12 '14 at 14:07
Hmmmm okay - have you been able to check the response from the `network` tab in the developer console? – Richard Peck Jan 12 '14 at 14:08

PHP ajax remote call to check progress

1 Answers1

Linked