Prototype get data

[BirdieUK]

Hey guys, I'm dying to get this problem fixed so I hope somebody can help .

 

I'm using prototype.js and just want to be able to set the page content to a variable.

 

function getInfo(postcode)
{
new Ajax.Request('/searchprocessing.php?postcode=' + postcode,
  {
    method:'get',
    onSuccess: function(transport){
      var response = transport.responseText || "no response text";
  var response2 = response;
      return(response2);
    },
    onFailure: function(){ alert('Something went wrong...') }
  });
  }

document.write(getInfo("DY12GN"));

 

Somehow this just doesn't work! I can alert() inside the response function but can't set it to a variable for easy use. Does anybody have any ideas??

 

Thanks a lot! Chris.

[RichardRotterdam]

using document.write won't work since there is a delay between fetching the data and outputting it.

 

try the following and read the comments for explanation.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.3/prototype.js"></script>
<script type="text/javascript">
// wait for the dom to load
document.observe("dom:loaded", function() {
    
    var postcode = "DY12GN";
    
    // create the request
    new Ajax.Request('/searchprocessing.php?postcode=' + postcode,
    {
method:'get',
    onSuccess: function(transport){
    var response = transport.responseText || "no response text";
    
    // output the retrieved text to <div id="output">
    $('output').innerHTML = transport.responseText;
},
onFailure: function(){ 
    // output an error to <div id="output">
    $('output').innerHTML = 'Something went wrong...';
}
    });
});

</script>
<div id="output"></div>

[BirdieUK]

Wow, finally someone gives me a reason to why its done in this way. I never thought about the delay.

 

Thanks!