ajax实例1
来源:互联网 发布:怎么进入淘宝店铺 编辑:程序博客网 时间:2024/05/21 09:25
post.jsp
</html>
<head>
<script type="text/javascript">
function createXMLHttpRequest(){
if(window.XMLHttpRequest){//如果这个对象存在,说明是mozilla浏览器
//基于mozilla的方式来创建对象
XMLHttpReq = new XMLHttpRequest();
}else{
//IE浏览器
if(window.ActiveXObject){
try{
XMLHttpReq = new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
XMLHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
}catch(e){}
}
}//if
}//else
}//method
//处理响应的回调函数
function handleResponse(){
//判断对象状态
if(XMLHttpReq.readyState == 4){
//信息已经成功返回了,下一步要处理信息。
if(XMLHttpReq.status == 200){
//说明返回的内容正确了,成功了。下一步就是ajax层判断处理返回结果
//alert(200);
var res = XMLHttpReq.responseText.split(":");//以XML格式获得响应
document.getElementById("city").value = res[0];
document.getElementById("prov").value = res[1];
}
}
}
//发送请求函数
function sendRequest(url){
createXMLHttpRequest();
XMLHttpReq.open("GET", url, true);//open方法没连服务器,只定义了连接条件
//写一个函数主动地,不停地到服务器上拿结果
XMLHttpReq.onreadystatechange = handleResponse;//当服务器状态发生改变时,用一个回调函数来主动的拿结果
//真正的发送请求。
XMLHttpReq.send(null);
}
function setValue(){
//取得要输入的值
var post = document.getElementById("post").value;
//把邮编当成请求的一部分发送出去。
//alert(name);
}
</script>
</head>
<body>
邮编:<input type="text" id="post" onblur="setValue()"/><br>
城市:<input type="text" id="city"/><br>
省份:<input type="text" id="prov">
</body>
</html>
ajaxServlet.java
public class ajaxServlet extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/xml;charset=UTF-8");
HashMap<String,String> map = new HashMap<String,String>();
map.put("110000", "沈阳:辽宁");
map.put("114000", "鞍山:辽宁");
map.put("116000", "大连:辽宁");
map.put("610000", "成都:四川");
map.put("130000", "长春:吉林");
map.put("453000", "新乡:河南");
response.setHeader("Chche-Control", "no-cache");
String postCode = request.getParameter("post");
String data = map.get(postCode);
PrintWriter out = response.getWriter();
if(data == null){
data="Error:Error";
}
// out.print(data);//可以向客户端写入任何类型的数据
out.write(data);//只可以向客户端写入字符串类型的数据
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doGet(request,response);
}
}
- ajax实例1
- ajax实例1
- ajax实例1
- ajax实例1
- AJAX实例1--数据检验
- AJAX 实例
- Ajax实例
- Ajax 实例
- ajax实例
- Ajax实例
- Ajax实例
- Ajax 实例
- AJAX 实例
- AJAX 实例
- ajax 实例
- AJAX 实例
- AJAX实例
- ajax实例
- Windows UI Automation经验
- iphone UI元素集
- 批量删除sql
- UIBarButtonSystemItem样式
- OpenCV 学习笔记---基本数据类型
- ajax实例1
- ZOJ 2192 T-Shirt Gumbo(DFS)
- XML文件的操作
- Mac 显示隐藏文件
- Linux学习笔记: 操作文件及目录的13个命令
- 语音识别:现状
- iOS strong 和weak的形象理解
- JUnit4的测试类
- Unexpected Result from Calling a Non-static Function with class::method()