package loaderman.provincecity;

import java.io.IOException;

import java.util.LinkedHashSet;

import java.util.Set;

import com.opensymphony.xwork2.ActionSupport;

/**

 * 控制器*/

public class ProvinceCityAction extends ActionSupport{

    private String province;

    public void setProvince(String province) {

        this.province = province;

        //System.out.println("注入" + province);

    }

    //根据省份查询城市

    public String findCityByProvince() throws Exception {

        System.out.println("进来了");

        setCity = new LinkedHashSet<String>();

        if("湖南".equals(province)){

            setCity.add("长沙");

            setCity.add("株洲");

        }else if("广东".equals(province)){

            setCity.add("广州");

            setCity.add("中山");

            setCity.add("佛山");

        }

        return SUCCESS;

    }

    private Set<String> setCity;

    public Set<String> getSetCity() {

        return setCity;

    }

}
<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE struts PUBLIC

    "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"

    "http://struts.apache.org/dtds/struts-2.0.dtd">

<struts>

   <package name="loaderman" extends="json-default" namespace="/">

           <!-- 根据省份查询城市 -->

           <action

               name="findCityByProvinceRequest"

               class="loaderman.provincecity.ProvinceCityAction"

               method="findCityByProvince">

            <result name="success" type="json"/>

           </action>

   </package>

</struts>
<%@ page language="java" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <title>省份-城市，基于jQuery的AJAX二级联动</title>

    <script type="text/javascript" src="js/jquery-1.8.2.js"></script>

  </head>

  <body>

    <select id="province">

        <option>选择省份</option>

        <option>湖南</option>

        <option>广东</option>

    </select>

    <select id="city">

        <option>选择城市</option>

    </select>

    <!-- 省份->城市 -->

    <script type="text/javascript">

        //定位省份下拉框，同时添时内容改变事件

        $("#province").change( function(){

            //清空原城市下拉框中的内容，除第一项外

            $("#city option:gt(0)").remove();

            //获取选中的省份

            var province = $("#province option:selected").text();

            //如果选中的不是"选择省份"

            if("选择省份"!=province){

                $.ajax( {

                    type    : "POST",

                    url     : "${pageContext.request.contextPath}/findCityByProvinceRequest?time="+new Date().getTime(),

                    data    : {"province":province},

                    success : function(backDate,textStatus,ajax){

                                //alert(backDate!=null?"收到":"为收到");

                                //alert(ajax.responseText);

                                //解析json文本

                                var array = backDate.setCity;

                                  var size = array.length;

                                  for(var i=0;i<size;i++){

                                      var city = array[i];

                                      var $option = $("<option>"+city+"</option>");

                                      $("#city").append($option);

                                  }

                              }

                } );

            }

        } );

    </script>

  </body>

</html>

份-城市，基于jQuery的AJAX二级联动,用Struts2整合AJAX【非数据库版】的更多相关文章

  1. asp.net DropDownList无刷新ajax二级联动实现详细过程

    只适合新手制作DropDownList无刷新ajax二级联动效果: 数据库实现,添加两表如图:表1,pingpai,表2,type,具体数据库实现看自己的理解: //页面主要代码: <asp:S ...

  2. Asp.Net下，基于Jquery的Ajax二级联动

    最近做一个项目,要求实现二级联动效果.背景为:通过学院的选择,联动出专业选项.起初想直接用微软的控件实现Ajax效果,但是DropDownList控件会自动触发PostBack,在后台根本就不好控制, ...

  3. Json 基于jQuery+JSON的省市联动效果

    helloweba.com 作者:月光光 时间:2012-09-12 21:57 标签: jQuery  JSON  Ajax  省市联动     省市区联动下拉效果在WEB中应用非常广泛,尤其在一些 ...

  4. 基于jQuery+JSON的省市联动效果

    省市区联动下拉效果在WEB应用中使用非常广泛,尤其在一些会员信息系统.电商网站最为常见,开发者一般使用AJAX实现无刷新下拉联动. 本文将讲述利用jQuery插件,通过读取JSON数据,实现无刷新动态 ...

  5. jquery实现select二级联动

    jquery实现一个简单的select二级联动菜单,代码如下 <!DOCTYPE html> <html> <head> <meta charset=&quo ...

  6. ajax 二级联动与springmvc 交互

    html  测试可以使用 <div class="pageButton" style="height: 60px;margin: 10px;line-height: ...

  7. ajax二级联动代码实例

    //二级联动 $(function () { var _in_progress = false; function check_in_progress() { if (_in_progress == ...

  8. 基于JQuery easyui，gson的批量新增/修改和删除-servlet版

    最近项目需要用到在页面进行批量操作,做了一些这方面的学习,参照网上的资料写了个小例子,记录一下: 准备 引入gson-2.6.2.jar,这里使用gson而不使用json-lib,原因是json-li ...

  9. jQuery+php实现二级联动

    public function liandong(){ $arr = Db::table("city")->where("pid=0")->sele ...

随机推荐

  1. vscode 踩坑汇总

    gopls 提示 update 将 "go.useLanguageServer": true 改为 "go.useLanguageServer": false

  2. 一周死磕fastreport ----ASP.NET （二）

    前一章忘了为什么要死磕fastreport  了,这次简单说一下,  公司本来有一个winfrom  窗体打印程序,可是上司觉得太麻烦了,(前几天 我一直在做web版看板,然后发现还不错,于是 想把公 ...

  3. IDEA 运行报错：WARN: Establishing SSL connection

    使用JDBC连接数据库时出现报错, 报错内容:Wed Sep 26 14:30:31 CST 2018 WARN: Establishing SSL connection without server ...

  4. xgboost&lightgbm调参指南

    本文重点阐述了xgboost和lightgbm的主要参数和调参技巧,其理论部分可见集成学习,以下内容主要来自xgboost和LightGBM的官方文档. xgboost Xgboost参数主要分为三大 ...

  5. Mac环境下使用Appium Inspector进行元素定位

    一.摘要 本篇博文介绍在Mac系统上使用AppiumI Inspector进行App页面元素定位 二.Finding elements by xpath WebElement digit_9 = dr ...

  6. Cobbler安装和配置

    1.yum国内源的安装与更新 1.1 备份原repo文件 cd /etc/yum.repo.d/ mkdir repo_bak mv *.repo repo_bak 1.2 在centos中配置网易和 ...

  7. thinkphp5.1整合swoole

    该方法仅作一种思路参考,实际应用也许会破坏thinkphp5.1的路由功能,并带来诸多问题,请读者尽量按照tp5.1官方的技术整合手段进行,按照tp5.1官方用户手册的方法可以实现swoole 风格的 ...

  8. mysql 密码重置或忘记密码相关命令

    方法1: 用SET PASSWORD命令 首先登录MySQL. 格式:mysql> set password for 用户名@localhost = password('新密码'); 例子:my ...

  9. 题解 [BZOJ4144] Petrol

    题目描述 ​ 有一张 n 个点 m 条边的无向图,其中有 s 个点上有加油站.有 Q 次询问(a,b,c), 问能否开一辆油箱容积为 c 的车从 a 走到 b.(a,b均为加油站) 输入格式 ​ 第一 ...

  10. Luogu P4109 [HEOI2015]定价 贪心

    思路:找规律?$or$贪心. 提交:1次 题解: 发现:若可以构成$X0000$,答案绝对不会再在数字最后把$0$改成其他数: 若可以构成$XX50...0$更优. 所以左端点增加的步长是增加的($i ...