I've been searching for the example of getting data by using ajax without onclick function but most of the example that i found was within onclick funtion.
Here is the html that i successfully get the data by using Onclick funtion
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>New document</title>
<script type = 'text/javascript' src='js/jquery-2.2.0.js'></script>
<script type ='text/javascript' src='js/testScript.js'></script>
<?php
include_once("database_conn_getOffers.php");
?>
</head>
<body>
content goes here
<aside id="offer" onclick ="loadDoc('getData.php',myFunction)">
click here
</aside>
</body>
here is the script
function loadDoc(url, cFunction) {
var xhttp;
xhttp=new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
cFunction(this);
}
};
xhttp.open("GET", url, true);
xhttp.send();
}
function myFunction(xhttp) {
document.getElementById("offer").innerHTML =
xhttp.responseText;
}
Now, i wanted get the data without the onclick function.
I want the data show once i open the html.
Can someone provide me some link or gv me an example ??
All you need to do is call the function elsewhere for instance you could set it to be called when the window is loaded.
Window.onload = loadDoc('getData.php',myFunction)
You can use
<body onload="loadDoc('getData.php',myFunction);">
A third solution could be to add a new DOMContentLoaded event to send the query after the browser render the page.
It should be something like this :
document.addEventListener('DOMContentLoaded', loadDoc);