Question

142

Ajax code the auto refresh a php file and updates it's vaules

rated 0 times [ 145] [ 3] / answers: 1 / hits: 20781 / 11 Years ago, thu, december 26, 2013, 12:00:00

First I want admit that I have no knowledge in ajax. I'm building a small application, where I have a load.php file and within it, I have echoed 3 variables, i.e $loadout[0]; $loadout[1]; $loadout[2];
The PHP file is working fine and showing up the values.
Now I have another html page index.html which will actually users see. In this html file have 3 divs on the body

<div id=out1></div>

<div id=out2></div>

<div id=out3></div>

Now I want you people to help me with the ajax code, which will keep reloading the load.php file of mine and keep updating the output values on the respective div. But index.html page will not reload. load.php will reload inside hiddenly in every 1 sec.

Please help. What will be the ajax code?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

amari

Add To Favorites

Follow

Total Points: 736

Total Questions: 111

Total Answers: 90

Location: Saint Pierre and Miquelon

Member since Fri, Jan 28, 2022

2 Years ago

amari questions

1 Do SubmitEvents made by a 'submit' event contain the form values?

Mon, May 23, 22, 00:00, 2 Years ago

1 ERR_UNHANDLED_REJECTION UnhandledPromiseRejection when awaited inside an array of promise Objects

Mon, Jun 21, 21, 00:00, 3 Years ago

1 Dropdown with Search Box using Bootstrap Selectpicker not working

Thu, Jun 3, 21, 00:00, 3 Years ago

1 Redux-Toolkit: How to reject a createAsyncThunk?

Sat, May 15, 21, 00:00, 3 Years ago

1 Webpack, optimization chunking gives Conflict: Multiple chunks emit assets to the same filename error

Wed, Mar 3, 21, 00:00, 3 Years ago

View All

answered 11 Years ago cruz · Accepted Answer

In your load.php at the end:

echo json_encode($loadout);

In index.html

<script type=text/javascript src=https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js></script>



<script type=text/javascript>



//Calling function

repeatAjax();





function repeatAjax(){

jQuery.ajax({

          type: POST,

          url: 'load.php',

          dataType: 'json',

          success: function(resp) {

                    jQuery('#out1').html(resp[0]);

                    jQuery('#out2').html(resp[1]);

                    jQuery('#out3').html(resp[2]);



          },

          complete: function() {

                setTimeout(repeatAjax,1000); //After completion of request, time to redo it after a second

             }

        });

}

</script>