AJAX 自学练习 请求与显示

夏津梧桐

夏津梧桐

2016-02-19 09:32

每个人都希望每天都是开心的,不要因为一些琐事扰乱了心情还,闲暇的时间怎么打发,关注图老师可以让你学习更多的好东西,下面为大家推荐AJAX 自学练习 请求与显示,赶紧看过来吧!
如下:
request.jsp
代码如下:

%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%
!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"
html
head
meta http-equiv="Content-Type" content="text/html; charset=UTF-8"
titleInsert title here/title
script language="javascript"!--
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;
    }
}
// --/script
/head
body
form name="form1" action="" method="post"
    label City Code:/label
    input type="text" name="code" onblur = "showMsg(this.value)" /
    br/br
    labelCity Name:/label
    input type="text" name="city" id="city" /input
/form
/body
/html

response.jsp
代码如下:

%@ page language="java" contentType="text/plain; charset=UTF-8"
pageEncoding="UTF-8"%
%@ page import="com.lwf.eus.util.*,java.util.*,com.lwf.eus.entity.*,com.lwf.eus.bean.*" %
%
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中没有html等标签,因为测试发现如果有这些标签的话,在cityname文本框中这些标签也会显示。
展开更多 50%)
分享

猜你喜欢

AJAX 自学练习 请求与显示

Web开发
AJAX 自学练习 请求与显示

AJAX自学练习 无刷新从数据库后台取数据显示

Web开发
AJAX自学练习 无刷新从数据库后台取数据显示

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

AJAX 自学练习 无刷新提交并修改数据库数据并显示

Web开发
AJAX 自学练习 无刷新提交并修改数据库数据并显示

AJAX请求类

Web开发
AJAX请求类

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

AJAX Http请求

Web开发
AJAX Http请求

AJAX教程(2):AJAX Http请求

Web开发
AJAX教程(2):AJAX Http请求

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Android拍照保存在系统相册不显示的问题解决方法

Android拍照保存在系统相册不显示的问题解决方法

最简单的咒语:亲爱哒 - QQ图案分组

最简单的咒语:亲爱哒 - QQ图案分组
下拉加载更多内容 ↓