ajax help

[besly98]

Hi All,

here is my basic code below. Once i call the ajax file a echo out a message how do i get it to appear in a div on the page i sent it from?

 

<script language="javascript" type="text/javascript">
<!-- 
//Browser Support Code
function ajaxFunctionhomescore_away(){
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
ajaxRequest.onreadystatechange = function(){
	if(ajaxRequest.readyState == 4){
		document.myForm_away.time.value = ajaxRequest.responseText;
	}
}
var away_score = document.getElementById('away_score').value;
var matchidaway = document.getElementById('matchidaway').value;
var queryString = "?away_score=" + away_score + "&matchidaway=" + matchidaway ;
ajaxRequest.open("GET", "teamupdate.php" + queryString, true);
ajaxRequest.send(null); 
}

//-->
</script>

 

thanks

[Adam]

From your own code:

 

 

    // Create a function that will receive data sent from the server    ajaxRequest.onreadystatechange = function(){        if(ajaxRequest.readyState == 4){            document.myForm_away.time.value = ajaxRequest.responseText;        }    }

 

 

That will attempt to store the response within the 'time' input of your 'myForm_away' form.

[.josh]

do yourself a favor and pickup jquery. Learning it from scratch is noble but save yourself the headache.

 

go download jquery (click the big download button, save the script).  Upload it to your dir, and:

 

<!-- ajax response will show up in here -->
<div id='myDiv'></div>

<!-- include the jquery library script -->
<script type='text/javascript' src='jquery.js'></script> 

<!-- basic ajax with jquery -->
<script type='text/javascript'>
// this will perform the ajax request
$.get(
  // put your server-side script url here
  'path/to/script.php',
  // put your variables to send here
  {
    'foo' : 'bar',
    'var2' : 'some value'
  },
  // this is a callback function to do something with what your server-side script outputs
  function (response) {
    // standard jquery selector, selects the element with id myDiv and writes the response to it
    $('#myDiv').html(response);
  }
);
</script>