I want to run the AJAX request on the following code "Onload", not "onclick"
I dont want to add the onload property in the body tag. I want it in a different tag, in a div for example.
I change the row:
<input type='button' onclick='ajaxFunction(65)' value='Query MySQL'/>
and I did it
<div onload='ajaxFunction(65)'></div>
but it doesnt work.
<html>
<head>
<script language="javascript" type="text/javascript">
<!--
//Browser Support Code
function ajaxFunction(argId){
var ajaxRequest; // The variable that makes Ajax possible!
try{
// Opera 8.0+, Firefox, Safari
ajaxRequest = new XMLHttpRequest();
}catch (e){
// Internet Explorer Browsers
try{
ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
}catch (e) {
try{
ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
}catch (e){
// Something went wrong
alert("Your browser broke!");
return false;
}
}
}
// Create a function that will receive data
// sent from the server and will update
// div section in the same page.
ajaxRequest.onreadystatechange = function(){
if(ajaxRequest.readyState == 4){
var ajaxDisplay = document.getElementById('ajaxDiv');
ajaxDisplay.innerHTML = ajaxRequest.responseText;
}
}
// Now get the value from user and pass it to
// server script.
var queryString = "?q=" + argId ;
ajaxRequest.open("GET", "getInputs.php" +
queryString, true);
ajaxRequest.send(null);
}
//-->
</script>
</head>
<body>
<input type='button' onclick='ajaxFunction(65)' value='Query MySQL'/>
<div id='ajaxDiv'>Your result will display here</div>
</body>
</html>
Aucun commentaire:
Enregistrer un commentaire