AJax技术

AJAX实例--根据邮政编号动态获取省,市,县三级地区+仿百度搜索下拉提示

字号+ 作者:H5之家 来源:H5之家 2017-07-30 14:02 我要评论( )

AJAX实例--根据邮政编号动态获取省,市,县三级地区+仿百度搜索下拉提示,最近一段时间自己一直在学习AJAX,忽然顿悟ajax的强大功能,实在让人吃惊。在接下来的几

正文

最近一段时间自己一直在学习AJAX,忽然顿悟ajax的强大功能,实在让人吃惊。在接下来的几篇博客里,我将分享在学习过程中,自己写的一些小例子,欢迎大家一起交流学习。。。欢迎各位拍砖。。你的关注是我不断前进的动力。话不多说,直接上例子程序。(完全的源码地址:)

首选,说说本例子的功能。(如下几幅图)

输入邮政编码,点击查询,获取数据填充三个文本框;

仿百度模糊查询下拉提示。

wKioL1PNJUfD6_DGAAChJ1KNbTM679.jpg

wKiom1PNJC-hheroAADCy6QWnXs349.jpg

wKiom1PNJDTAY8wLAADolzR2alU136.jpg

if(typeof data.postalcode=="string"){

city.val(data.city);

title.css("display","block")

var data = JSON.parse(xmlHttp.responseText).postlist;

$("#resultlist li").mouseover(function(){

});

$(this).removeClass("currentstatus");

$("#resultlist li").click(function(){

$("#resultlist").css("display","none");

public static PreparedStatement prepare(Connection conn, String sql) {

PreparedStatement pstmt = null;

try {

if(conn != null) {

pstmt = conn.prepareStatement(sql);

}

} catch (SQLException e) {

e.printStackTrace();

}

return pstmt;

}

public static PreparedStatement prepare(Connection conn, String sql, int autoGenereatedKeys) {

PreparedStatement pstmt = null;

try {

if(conn != null) {

pstmt = conn.prepareStatement(sql, autoGenereatedKeys);

}

} catch (SQLException e) {

e.printStackTrace();

}

return pstmt;

}

public static Statement getStatement(Connection conn) {

Statement stmt = null;

try {

if(conn != null) {

stmt = conn.createStatement();

}

} catch (SQLException e) {

e.printStackTrace();

}

return stmt;

}

public static ResultSet getResultSet(Statement stmt, String sql) {

ResultSet rs = null;

try {

if(stmt != null) {

rs = stmt.executeQuery(sql);

}

} catch (SQLException e) {

e.printStackTrace();

}

return rs;

}

public static void executeUpdate(Statement stmt, String sql) {

try {

if(stmt != null) {

stmt.executeUpdate(sql);

}

} catch (SQLException e) {

e.printStackTrace();

}

}

public static void close(Connection conn) {

try {

if(conn != null) {

conn.close();

conn = null;

}

} catch (SQLException e) {

e.printStackTrace();

}

}

public static void close(Statement stmt) {

try {

if(stmt != null) {

stmt.close();

stmt = null;

}

} catch (SQLException e) {

e.printStackTrace();

}

}

public static void close(ResultSet rs) {

try {

if(rs != null) {

rs.close();

rs = null;

}

} catch (SQLException e) {

e.printStackTrace();

}

}

}

数据库:数据表名:post

简单列举几条数据,具体全国邮政编码相关数据网上去搜吧。

INSERT INTO `post` (`province`, `city`, `county`, `postalcode`) VALUES ('辽宁省', '沈阳市', '沈阳市', '110000');

INSERT INTO `post` (`province`, `city`, `county`, `postalcode`) VALUES ('辽宁省', '沈阳市', '和平区', '110000');

INSERT INTO `post` (`province`, `city`, `county`, `postalcode`) VALUES ('辽宁省', '沈阳市', '大东区', '110000');

INSERT INTO `post` (`province`, `city`, `county`, `postalcode`) VALUES ('辽宁省', '沈阳市', '东陵区', '110000');

INSERT INTO `post` (`province`, `city`, `county`, `postalcode`) VALUES ('辽宁省', '沈阳市', '于洪区', '110000');

INSERT INTO `post` (`province`, `city`, `county`, `postalcode`) VALUES ('辽宁省', '沈阳市', '沈河区', '110000');

INSERT INTO `post` (`province`, `city`, `county`, `postalcode`) VALUES ('辽宁省', '沈阳市', '皇姑区', '110000');

INSERT INTO `post` (`province`, `city`, `county`, `postalcode`) VALUES ('辽宁省', '沈阳市', '沈北新区', '110000');

INSERT INTO `post` (`province`, `city`, `county`, `postalcode`) VALUES ('辽宁省', '沈阳市', '铁西区', '110020');

INSERT INTO `post` (`province`, `city`, `county`, `postalcode`) VALUES ('辽宁省', '沈阳市', '苏家屯区', '110100');

INSERT INTO `post` (`province`, `city`, `county`, `postalcode`) VALUES ('辽宁省', '沈阳市', '辽中县', '110200');

INSERT INTO `post` (`province`, `city`, `county`, `postalcode`) VALUES ('辽宁省', '沈阳市', '新民市', '110300');

INSERT INTO `post` (`province`, `city`, `county`, `postalcode`) VALUES ('辽宁省', '沈阳市', '法库县', '110400');

INSERT INTO `post` (`province`, `city`, `county`, `postalcode`) VALUES ('辽宁省', '沈阳市', '康平县', '110500');

INSERT INTO `post` (`province`, `city`, `county`, `postalcode`) VALUES ('辽宁省', '辽阳市', '辽阳市', '111000');

INSERT INTO `post` (`province`, `city`, `county`, `postalcode`) VALUES ('辽宁省', '辽阳市', '白塔区', '111000');

INSERT INTO `post` (`province`, `city`, `county`, `postalcode`) VALUES ('辽宁省', '辽阳市', '宏伟区', '111000');


本文出自 “shuizhongyue” 博客,转载请与作者联系!

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评
a