AJAX Help

Jefftheman45 · July 2006

I've recently been working on some Web 2.0 applications (and partially modeling them after Vanilla) but I've hit a snag with AJAX: The forms can only be submitted once. Does anyone know how to enable multiple submissions? Here's my current code:

<input type="button" value="Log In" onClick=" login();" />

As you can imagine, this becomes a major issue when users need to revise information, such as on a login screen. Thanks in advance to anyone who helps.

VanillaHost · July 2006

We'd need to see what login(); does.

Jefftheman45 · July 2006

Okay...

//AJAX stuff.

var http_request = false;

        if (window.XMLHttpRequest) { // Mozilla, Safari, ...
            http_request = new XMLHttpRequest();
            if (http_request.overrideMimeType) {
                http_request.overrideMimeType('text/xml');
                // See note below about this line
            }
        } else if (window.ActiveXObject) { // IE
            try {
                http_request = new ActiveXObject("Msxml2.XMLHTTP");
            } catch (e) {
                try {
                    http_request = new ActiveXObject("Microsoft.XMLHTTP");
                } catch (e) {}
            }
            }


http_request.onreadystatechange = function(){
//Handle response and keep the user up-to-date on what's going on.

if(http_request.readyState == 4)
	{
	if(http_request.status == 200)
		{
		if(http_request.responseText == "success")
			{
			Effect.SlideUp('form');
			document.getElementById('form').innerHTML="You have been logged in. <a href=\"home.php\">Proceed</a>";
			Effect.Appear('form');
			document.getElementById('status').innerHTML='Logged In';
			}
		else
			{
			document.getElementById('status').style.display='none';
			document.getElementById('error').style.color="#cc0000";
			document.getElementById('error').innerHTML="Incorrect username/password.";
			Effect.Appear('error');
			Effect.Shake('form');
			}
		}
	else
		{
		document.getElementById('error').style.color="#cc0000";
		document.getElementById('error').innerHTML="Error "+ http_request.status +" has occurred and you couldn't be logged in. Please try again later.";
		Effect.SlideDown('error');
		document.getElementById('status').style.display='none';
		}
	
	}

else
	document.getElementById('status').innerHTML="Authenticating...";
};

function login() {
var username = document.getElementById('user').value;
var password = document.getElementById('pass').value;
http_request.open('POST', 'index.php?sid='+ Math.random(), true);
http_request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
http_request.send("submitted=true&username="+username+"&password="+password);
}
//]]>

AJAX Help

Comments