xmlhttp is undefined. Javascript Ajax

Question

I am new to javascript and especially to ajax..And just trying to figure it out..

i wrote this code from one tutorial and can't find what i did wrong. Here you can see it live

The error i am getting from Firebug: "TypeError: xmlhttp is undefined [Break On This Error]

if (xmlhttp.readyState == 4){"

my code is

// JavaScript Document

var xmlhttp;
var url;

function ajaxFunction(){

if  (window.ActiveXObject){//if the window is InternetExplorer

    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

    }else if(window.XMLHttpRequest){// if Window is Firefox etc..

        xmmlhttp= new XMLHttpRequest();

        }else{

            alert ("Get a New Browser")

            }

}//end of ajaxFunction()


function getInfo(){

    ajaxFunction();

    var entryInfo= document.getElementById("entry").value;

            function stateChanged(){
                if (xmlhttp.readyState == 4){

                    document.getElementById("results").innerHTML = xmlhttp.responseText;

                    }//if (xmlhttp.readyState == 4)

                }//end of function stateChanged()


url = "info.php?user="+entryInfo;
xmlhttp.onreadystateshange=stateChanged();
xmlhttp.open("GET",url,true);
xmlhttp.send(null);


    }// end of function getInfo

Your onreadystatechange property should be a reference to the function without (), not the function call with () as in xmlhttp.onreadystateshange = stateChanged; — Michael Berkowski
– Michael Berkowski, Commented Nov 27, 2012 at 13:59

MrCode · Accepted Answer · 2012-11-27 13:58:56Z

3

You have a typo here:

   xmmlhttp= new XMLHttpRequest();
     ^

Change to

 xmlhttp= new XMLHttpRequest();

Also as Michael pointed out, you have parenthesis when assigning your onreadystatechange function:

xmlhttp.onreadystateshange=stateChanged();
                                       ^ remove the ()

If you don't remove the parenthesis, the stateChange() function will be called, and the return value will be given to xmlhttp.onreadystateshange which you don't want.

answered Nov 27, 2012 at 13:58

MrCode

64.6k10 gold badges95 silver badges114 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Vader · Accepted Answer · 2014-02-07 15:57:53Z

0

there is a mistype in property name: xmlhttp.onreadystateshange=stateChanged;

It has to be 'onreadystatechange'.

edited Feb 7, 2014 at 15:57

Vader

6,7868 gold badges34 silver badges47 bronze badges

answered Feb 7, 2014 at 15:35

IgorKul

12 bronze badges

Collectives™ on Stack Overflow

xmlhttp is undefined. Javascript Ajax

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related