jsp+ajax
来源:互联网 发布:淘宝怎么买虚拟物品 编辑:程序博客网 时间:2024/05/16 07:45
根据省代码列出城市名。
一、处理请求的JSP页面zip.jsp
<%@ page contentType="text/html; charset=gb2312" language="java" errorPage="" %>
<%
String zip= request.getParameter("zip");
if("021".equals(zip)) out.print("上海");
else if("010".equals(zip)) out.print("北京");
else if("020".equals(zip)) out.print("天津");
else out.print("未知城市");
%>
二、发出请求的HTML文件zip.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Check.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
</head>
<script type="text/javascript">
var http_request = false;function send_request(url) {//初始化、指定处理函数、发送请求的函数 http_request = false; //开始初始化XMLHttpRequest对象 if(window.XMLHttpRequest) { //Mozilla 浏览器 http_request = new XMLHttpRequest(); if (http_request.overrideMimeType) {//设置MiME类别 http_request.overrideMimeType('text/xml'); } }else if (window.ActiveXObject) { // IE浏览器 try { http_request = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { http_request = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) {} } }if (!http_request) { // 异常,创建对象实例失败 window.alert("不能创建XMLHttpRequest对象实例."); return false;}http_request.onreadystatechange = processRequest;// 确定发送请求的方式和URL以及是否同步执行下段代码http_request.open("GET", url, true);http_request.send(null);}// 处理返回信息的函数 function processRequest() { if (http_request.readyState == 4) { // 判断对象状态 if (http_request.status == 200) { // 信息已经成功返回,开始处理信息 //alert(http_request.responseText); document.getElementById('city').value=http_request.responseText; } else { //页面不正常 alert("您所请求的页面有异常。"); } } }function updateCity() { var f = document.form1; var zipValue = f.zip.value; if(zipValue=="") { window.alert("The zipValue can not be null!"); f.zip.focus(); return false; }else { send_request('zip.jsp?zip='+zipValue); }}</script><body><form name="form1" action="" method="post">
区号: <input type="text" size="6" name="zip" id="zip" onblur="updateCity();"/> </p>
城市: <input type="text" name="city" id="city" />
</form>
</body>
</html>
- jsp+ajax
- jsp+ajax
- RoyalAjax(1)------ajax.jsp
- jsp+Ajax入门
- Ajax应用(jsp例子)
- jsp+ajax树状菜单
- ajax+jsp的天气预报
- ajax in jsp sample
- ajax 动态树jsp
- ajax jsp json 跨域
- 基于jsp的ajax
- jsp+ajax 简单代码
- jquery/ajax in jsp
- 【JSP】测试Ajax
- jsp ajax实例讲解
- jsp+ajax实例
- JSP如何使用Ajax
- 基于jsp的ajax
- 一个优秀的程序员须具备的条件
- Spring如何与struts2结合
- Android SQLite 数据操作
- ASP的网站配置:请验证实例名称是否正确并且 SQL Server 已配置为允许远程连接。
- RAC中的跨节点并行--淘宝数据库团队
- jsp+ajax
- ubuntu下安装subversion客户端及使用方法
- window.onload覆盖问题!
- AjaxPro.net 做asp.netAjax效果实例以及错误分析(转载)
- 学习使用AJAX之前,有几样的东西是必须的
- 在Gridview的模板里,控件的CommandArgument向后台传递多个参数
- Java位运算
- SQL还原数据库常见问题解决方案集锦
- LNMP Debian/Ubuntu下Nginx+MySQL+PHP+phpMyAdmin+Zend一键安装包