主页 > 知识库 > AJAX根据城市名,自动完成相应的城市信息

AJAX根据城市名,自动完成相应的城市信息

热门标签:Mysql连接数设置 服务器配置 科大讯飞语音识别系统 电子围栏 团购网站 阿里云 Linux服务器 银行业务
以前在做项目的时候碰到这样的需求。用户希望能够直接输入城市的名字,就能够得到这个城市的相应的信息。以前是在页面打开的时候生成几个JavaScript数组,然后来对比的。这样做的话,如果数据比较多的时候,用户会明显的感到响应延迟。

    现在该成用ajax的方法来做,速度要快一些,客户体验会好一些。谁要咱们处在“体验经济”时代呢!

    下面是做的一个小例子,由两个页面组成。

    city.html页代码如下: 


[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
 

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根据城市名,自动完成相应的城市信息》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 上一篇:163 AJAX Tab

    下一篇:AJAX天气预报前台

    收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266