AJAX根据城市名,自动完成相应的城市信息
2018-10-12 13:59
507 查看
以前在做项目的时候碰到这样的需求。用户希望能够直接输入城市的名字,就能够得到这个城市的相应的信息。以前是在页面打开的时候生成几个JavaScript数组,然后来对比的。这样做的话,如果数据比较多的时候,用户会明显的感到响应延迟。
现在该成用ajax的方法来做,速度要快一些,客户体验会好一些。谁要咱们处在“体验经济”时代呢!
下面是做的一个小例子,由两个页面组成。
city.html页代码如下:
zipcode.jsp代码如下:
PS:
Http.send()后,经检测Http.readystate==4,说明载入完毕,这时网页内容已经载入 到了Http.responseBody中了
现在该成用ajax的方法来做,速度要快一些,客户体验会好一些。谁要咱们处在“体验经济”时代呢!
下面是做的一个小例子,由两个页面组成。
city.html页代码如下:
得到城市相应的信息
输入城市的拼音: 级别: 负责人:
zipcode.jsp代码如下:
<%@ page contentType="text/html;charset=gb2312" %>
<%@ page import="java.util.*" %>
<%@ page import="java.sql.Connection"%>
<%@ page import="java.sql.PreparedStatement"%>
<%@ page import="java.sql.ResultSet"%>
<%@ page import="com.util.MyConnection"%>
<%
String city = request.getParameter("city");
if(city==null)
{
city= "";
}
if(!city.equals(""))
{
String sql="select citrmm,cittier from tb_basecity where citname like '"+city+"'";
Connection conn = MyConnection.getConnection();
PreparedStatement state= conn.prepareStatement(sql);
ResultSet rs = state.executeQuery();
if(rs.next())
{
out.println(rs.getString("citrmm")+"|"+rs.getString("cittier"));
}
else
{
out.println("未知"+"|"+"未知");
}
rs.close();
state.close();
conn.close();
}
else
{
out.println("未知"+"|"+"未知");
}
%>
PS:
Http.send()后,经检测Http.readystate==4,说明载入完毕,这时网页内容已经载入 到了Http.responseBody中了
相关文章推荐
- AJAX根据城市名,自动完成相应的城市信息
- AJAX根据邮政编码,自动完成城市和地址信息
- AJAX根据邮政编码,自动完成城市和地址信息
- AJAX根据邮政编码,自动完成城市和地址信息
- AJAX实例:根据邮编自动完成地址信息
- php AJAX实例根据邮编自动完成地址信息
- php AJAX实例根据邮编自动完成地址信息
- php AJAX实例根据邮编自动完成地址信息
- AJAX实例:根据邮编自动完成地址信息
- AJAX实例:根据邮编自动完成地址信息
- AJAX据邮政编码自动完成城市和地址信息
- SQL触发器:根据客户档案中的地区信息自动更新联系页中的省份和城市
- 使用ajax简单的仿照售房网站上根据城市,区域和街道选择房屋信息
- C#调用本地动态链接库时,根据x86或x64自动选择相应的动态链接库dll文件
- JQuery 插件之Ajax Autocomplete(ajax自动完成)
- Ajax - 提供自动完成
- Ajax技术实践之完成Ajax自动完成功能
- 使用jQuery Autocomplete(自动完成)插件,结合ajax实现搜索框匹配
- jquery自动完成(ajax)
- 根据IP地址获取所在城市信息