ajax练习,AJAX 自学练习 请求与显示

如下：

request.jsp

pageEncoding="ISO-8859-1"%>

Insert title here

function GetXmlHttpObject(){

var xmlHttp = null;

try{

xmlHttp = new XMLHttpRequest();

}catch(e){

try{

xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");

}catch(e){

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

}

}

return xmlHttp;

}

function showMsg(str){

xmlHttp = GetXmlHttpObject();

if(xmlHttp == null){

alert ("you browser don't support the ajax");

return;

}

var url = "response.jsp";

url = url + "?q="+ str;

url = url + "&sid ="+ Math.random();

xmlHttp.onreadystatechange = stateChanged;

xmlHttp.open("GET", url, true);

xmlHttp.send(null);

}

function stateChanged()

{

if(xmlHttp.readyState==4)

{

document.getElementById("city").value = xmlHttp.responseText;

}

}

// -->

City Code:

City Name:

response.jsp

pageEncoding="UTF-8"%>

String code = request.getParameter("q");

System.out.println(code);

if(code.equals("140"))

out.print("上海");

else if(code.equals("150"))

out.print("北京");

else if(code.equals("160"))

out.print("天津");

else

out.print("未知地");

%>

这里要注意的是由于返回的结果要在文本框中显示，因此在response.jsp中没有等标签，因为测试发现如果有这些标签的话，在cityname文本框中这些标签也会显示。