Question

I have a button in my abc.html page
<input type="button" onclick="javafun();">

on the click it goes to javascript, which further send info to my abc.php …and the javascript function looks like:

function login()
{   
    xmlhttp=GetXmlHttpObject();
    //alert("pass");
    if(xmlhttp==null)
    {
        alert("Your browser does not support AJAX!");
        return;
    }
    var url="login.php";
    url=url+"?id="+username+"&passwrd="+passwrd;
    xmlhttp.onreadystatechange=statechangedLogin;
    xmlhttp.open("GET", url, true);
    xmlhttp.send(null);
    }
}

function statechangedLogin()
{
    //alert(xmlhttp.readyState);
    if(xmlhttp.responseText=="<font color='red'>Your User Name or Password is incorrect. Please try again.</font>")
    {
        document.getElementById("response").innerHTML=xmlhttp.responseText;
    }
    else 
    {
        //hwin=window.location="http://forum.research.bell-labs.com/zeeshan/qotw/login.php";
        document.getElementById("mainbody").innerHTML=xmlhttp.responseText;
        //hwin.document.innerHTML=xmlhttp.responseText;
        //alert();
    }
}

Everything works fine, but the address of the website in the address bar remains the same:
http://severname.com/abc.html

i want this address bar to change, according to the php. it should come to …
http://severname.com/abc.html/login.php

but still should not show ?id=username&passwrd=passwrd

Is this possible, and if it is how??

Zeeshan

Answer 1

I think you have misunderstood the whole point of AJAX. Ajax is supposed to work in the background, i.e. not changing the url. If you want that, try document.location=”foobar”;