How to display array items at regular intervals using jquery and PHP?

Question

Following is my index.php file

<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
var count = 0;

$(document).ready(function(){
var auto_refresh = setInterval(function (){
    $('#mydiv').load('a.php', {count: count}, function () {
        count = count + 1;

        //after three attempts it won't call php file.
        if (count > 2) {
            clearInterval(auto_refresh);
        }
    }).fadeIn("slow");
    }, 1000); 
});
</script>
</head>
<body>
<div id="mydiv"> </div>
</body>
</html>

Below is my a.php file

<?php
$questions=array(
                 "Array Item 0",
                 "Array Item 1",
                 "Array Item 2");

if (isset($_GET["count"])) 
{
    echo $questions[intval($_GET["count"])];
}
else
{
    echo rand();
}
?>

Problem with above code is that else part in php file is running evertime. It means I am getting 3 random numbers one by one but I want to get all the three records of array one by one. I think isset($_GET["count"]) is not working. But why, I don't know. Please help in this.

first check count is set or not then try using $_REQUEST["count"] — Pragnesh Chauhan
– Pragnesh Chauhan, Commented Oct 18, 2013 at 8:46
FYI it would be better logic to make a single AJAX request to retrieve all your data, and then loop over it in the interval, instead of making x requests to your server. — Rory McCrossan
– Rory McCrossan, Commented Oct 18, 2013 at 8:53
@RoryMcCrossan - Thanks for your suggestion. I will redesign it. — user1556433
– user1556433, Commented Oct 18, 2013 at 8:54

Community · Accepted Answer · 2020-06-20 09:12:55Z

2

This a.php worked for me:

<?php
$questions=array(
             "Array Item 0",
             "Array Item 1",
             "Array Item 2");

if (isset($_POST["count"])) 
{
    echo $questions[intval($_POST["count"])];
}
else
{
    echo rand();
}
?>

Your data are "POSTed" ?

ADDED:

I have found this in jQuery page:

Request Method

The POST method is used if data is provided as an object; otherwise, GET is assumed.

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Oct 18, 2013 at 9:17

jacouh

8,8055 gold badges36 silver badges45 bronze badges

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

Collectives™ on Stack Overflow

How to display array items at regular intervals using jquery and PHP?

1 Answer 1

ADDED:

Request Method

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

ADDED:

Request Method

Comments

Your Answer

Sign up or log in

Post as a guest

Related