HTTP Request

@cridleySep 05.2006 — #[URL=http://www.w3schools.com/ajax/default.asp]http://www.w3schools.com/ajax/default.asp[/URL]

@Phill_PaffordauthorSep 05.2006 — #Thanks for the link, but Im still having a hard time on understanding how to pass my URL and recieve back the validation (Sorry Newbie to JavaScript)

@cridleySep 05.2006 — #My 60 second ajax lesson:

Ok, you're going to need a .js file linked to your page.

In it, you NEED:

[code=html]// Http request object
 var xmlHttp
 
 //Creates a new HTTP request object
 function GetXmlHttpObject()
 { 
 var objXMLHttp=null
 
  if (window.XMLHttpRequest)
  {
   objXMLHttp=new XMLHttpRequest()
  }
  else if (window.ActiveXObject)
  {
   objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP")
  }
 
  return objXMLHttp
 } [/code]

Now, in the same file the code triggered from whatever event you want, call :

[code=html]//call this to end a request to the server, 
 //pass in any parameters you need
 function MyFunction(aParam)
 { 

 //create http request object
 xmlHttp=GetXmlHttpObject()
 
  if (xmlHttp==null)
  {
   alert ("Browser does not support HTTP Request")
   return
  } 
 
   //set a function which will be called when you get a
   //response from the server
  xmlHttp.onreadystatechange=stateChangeMyFunction
 
  //the page you want to call (i have php as that's what i use
   //but can be anything, html say)
   var url="myurl.php"
 
   //we want to send info as 'POST' (for 'GET' use 'GET')
  xmlHttp.open("POST",url,true)
   //The following line neede for post, not for get
  xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
 
   // construct post string based on your parameters
   var szPost = "myParam=" + aParam
   // Send post request to server
  xmlHttp.send(szPost)
 } 
 
 //When server responds, the callback function gets called 
 //we set this up in the previous function.
 //This is where you will process the output you requested from the server
 function stateChangeMyFunction() 
 {
 //if http request was succesful :
 if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
 { 
 //Do whatever you want in here
 //xmlHttp.responseText is the output from the requested file
 alert(xmlHttp.responseText)
 } 
 } [/code]

HTTP Request – Help

3 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

HTTP Request – Help

3 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

3 Comments(s) _↴

Also in #JavaScript _↴