javascript function didn't refresh my php code

Question

I want to refresh my div with PHP code in div tag but it's don't work. console said:

Uncaught TypeError: $(...).load is not a function

at doRefresh

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"> </script>
 
</head>
<body>
<div id="actu">
    <?php include 'process.php'; ?>
</div>
 
<script type="text/javascript">
   $(document).ready(function() {
        function doRefresh(){
           $("#actu").load("process.php");
        }
        $(function() {
            setInterval(doRefresh, 2000);
        });
    });

</script>
</body>
</html>

EDIT

OP has updated code based on answer and comments.

You fundamentally mistunderstand how this works. PHP code is executed before the page is sent to the browser. JavaScript code is only executed on the browser. You cannot communicate between JavaScript code and PHP code directly. You need to use something like AJAX to send requests back and forth. — Sumner Evans
– Sumner Evans, Commented Dec 18, 2019 at 17:11
You're loading two different versions of jquery. That may create a conflict. Remove one of your jquery src lines. Also make sure that process.php is not including any other jquery libraries. — aynber
– aynber, Commented Dec 18, 2019 at 17:13
@AdamSvestka Your edit is removing one of the scripts tags. We are not allowed to modify code. I declined the edit. — Funk Forty Niner
– Funk Forty Niner, Commented Dec 18, 2019 at 17:13
@SumnerEvans load() is an AJAX shorthand method for jQuery — Jay Blanchard
– Jay Blanchard, Commented Dec 18, 2019 at 17:15

Jay Blanchard · Accepted Answer · 2019-12-18 17:36:01Z

1

Include your code in a document ready handler to ensure the script will run once the page loads:

<script type="text/javascript">
   $( document ).ready(function() {
        function doRefresh(){
           $("#actu").load("process.php");
        }

        setInterval(doRefresh, 5000);

    });
</script>

In addition, remove one of the jQuery library requests as this may cause problems. You also have an extra </script> tag which should be removed.

You do not need the second document handler, but it should not hurt anything. I have removed iy here.

edited Dec 18, 2019 at 17:36

answered Dec 18, 2019 at 17:11

Jay Blanchard

34.5k17 gold badges82 silver badges130 bronze badges

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

5 Comments

ekrem Over a year ago

i've the same error :"Uncaught TypeError: $(...).load is not a function at doRefresh". Div tag contents didn't refresh

Jay Blanchard Over a year ago

Did you remove one of the jQuery libraries?

ekrem Over a year ago

yes i keep "<script src="ajax.googleapis.com/ajax/libs/jquery/3.4.1/…>" in header

ekrem Over a year ago

Still not working. I edited my code with corrections

Jay Blanchard Over a year ago

I've edited the code (it will not make a difference, just removed some unnecessary bits). Are you running this on a web server? I . cannot replicate your issue.

Collectives™ on Stack Overflow

javascript function didn't refresh my php code

EDIT

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

EDIT

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related