html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>ajax json jquery 菜单案例</title>

<style type="text/css">

* {

    margin: 0;

    padding: 0;

}

body {

    font-size: 13px;

    line-height: 130%;

    padding: 60px

}

</style>

<link rel="stylesheet" type="text/css" href="../css/style.css" />

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

</head>

<body>

    <select name="first" id="first" style="width:160px">

        <option value="0">---请选择---</option>

        <option value="1">中国</option>

        <option value="2">美国</option>

        <option value="3">英国</option>

    </select>

    <select name="second" id="second" size="3" style="width:160px"></select>

    <script type="text/javascript">

        $(function() {

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

            id=document.getElementById("first").value;

            $.ajax({

                    url : "../jsp/second2.jsp",

                    dataType : "json",

                    data:"id="+id,

                    success : function(data) {

                        var cttylist=eval(data);

                        var seconddd = document.getElementById("second");

                        seconddd.innerHTML=null;

                        for ( var i = 0; i < cttylist.length; i++) {

                                    var op = document.createElement("option");

                                    op.innerHTML = cttylist[i].name;

                                    seconddd.appendChild(op);

                        }

                    },

                    error : function(data) {

                        alert(data);

                    }

                });

            });

        });

    </script>

</body>

</html>

jsp

<%@ page language="java" import="java.util.*,com.sy.City,com.sy.CityService,net.sf.json.JSONArray" pageEncoding="ISO-8859-1"%>

<%

    //接受传过来的数据

    String strid=(String)request.getParameter("id");

    Integer id=Integer.parseInt(strid);

    //根据id获得书名列表

    List<City> citylist=new CityService().getCityByCategory(id);

    //设置传输编码

    response.setContentType("text/html;charset=UTF-8");

    //将json解析后输出到前台

    out.println(JSONArray.fromObject(citylist));

%>

java City.java

package com.sy;

public class City {

Integer cid;

String cname;

public Integer getId() {

    return cid;

}

public void setId(Integer id) {

    this.cid = id;

}

public String getName() {

    return cname;

}

public void setName(String cname) {

    this.cname = cname;

}

public City(Integer cid, String cname) {

    super();

    this.cid = cid;

    this.cname = cname;

}

}

java   CityService.java

package com.sy;

import java.util.ArrayList;

import java.util.HashMap;

import java.util.List;

import java.util.Map;

public class CityService {

    static Map<Integer , List<City>> CityDb = new HashMap<Integer , List<City>>();

    static {

        List<City> list1 = new ArrayList<City>();

        List<City> list2 = new ArrayList<City>();

        List<City> list3 = new ArrayList<City>();

        list1.add(new City(1 , "山东"));

        list1.add(new City(1 , "北京"));

        list1.add(new City(1 , "上海"));

        list2.add(new City(2 , "美1"));

        list2.add(new City(2 , "美2"));

        list3.add(new City(3 , "英1"));

        list3.add(new City(3 , "英2"));

        list3.add(new City(3 , "英3"));

        CityDb.put(1 , list1);

        CityDb.put(2 , list2);

        CityDb.put(3 , list3);

    }

    public List<City> getCityByCategory(int categoryId) {

        return CityDb.get(categoryId);

    }

}

虚拟数据库_json_ajax的更多相关文章

  1. 如何做到在虚拟数据库和真实数据库之间自由切换？【低调赠送：QQ高仿版GG 4.4 最新源码】

    记得以前在公司上班时,有时候白天的活没干完,我就会把工作带回家晚上加班继续做.但是,我们开发用的数据库是部署在公司局网内部的一台服务器上的,在家里是肯定连不上这台机器的.在家里没有数据库,服务端就跑不 ...

  2. Android之数据库的创建

    一.SQLite介绍 SQLite 一个非常流行的嵌入式数据库,它支持 SQL 语言,并且只利用很少的内存就有很好的性能.此外它还是开源的,任何人都可以使用它.许多开源项目((Mozilla, PHP ...

  3. Amoeba for MySQL---分布式数据库Proxy解决方案

    Amoeba是什么? Amoeba(变形虫)项目,致力于MySQL的分布式数据库前端代理层,它主要在应用层访问MySQL的时候充当SQL路由功能,专注于分布式数据库代理层(Database Proxy ...

  4. Android SQLite (一) 数据库简介

    大家好,今天来介绍一下SQLite的相关知识,并结合Java实现对SQLite数据库的操作. SQLite是D.Richard Hipp用C语言编写的开源嵌入式数据库引擎.它支持大多数的SQL92标准 ...

  5. SQLite数据库简介(转)

    大家好,今天来介绍一下SQLite的相关知识,并结合Java实现对SQLite数据库的操作. SQLite是D.Richard Hipp用C语言编写的开源嵌入式数据库引擎.它支持大多数的SQL92标准 ...

  6. centos6.5安装vsftp服务并配置虚拟账户ftp

      当我们的用户量越来越大时,继续创建更多的系统用户是不明智的,这时就需要为vsftpd创建虚拟账户,但vsftpd虚拟账户的数据库要保存在Berkeley DB格式的数据文件中,所以需要安装db4- ...

  7. Android 开发中使用 SQLite 数据库

    SQLite 介绍 SQLite 一个非常流行的嵌入式数据库,它支持 SQL 语言,并且只利用很少的内存就有很好的性能. 此外它还是开源的,任何人都可以使用它.许多开源项目((Mozilla, PHP ...

  8. 数据库读写分离Amoeba

    1.理解读写分离的原理 Amoeba(变形虫)项目,该开源框架于2008发布一款Amoeba for mysql软件,该软件致力于mysql的分布式数据库前端代理层,主要的作用是应用服务访问mysql ...

  9. Mysql数据库读写分离Amoeba

    1.理解读写分离的原理 随着一个网站的业务不断扩展,数据不断增加,数据库的压力也会越来越大,对数据库或者SQL的基本优化可能达不到最终的效果,我们可以采用读写分离的策略来改变现状.读写分离现在被大量应 ...

随机推荐

  1. Three.js 保存camera（视角）设置到数据库，包括场景的缩放、旋转、移动等

    最近在做的项目中遇到需要保存当前的3d管道视角设置的问题,用户希望在对3d场景内的管道进行了缩放.旋转.移动之后可以将场景当前的视角状态保存在数据库中,并在下次加载时读取. 经过不断的尝试和研究,在同 ...

  2. day2--SecureCRT的配置

    生产中,我们是看不到虚拟机的工作界面,虚拟机的界面相当于机房显示屏的样子,实际上我们是在操作工具里面进行管理,这里使用SecureCRT远程连接虚拟机,SecureCRT的设置如下: 1.打开Secu ...

  3. Scrum Meeting Alpha - 6

    Scrum Meeting Alpha - 6 NewTeam 2017/10/31 地点:主南203 任务反馈 团队成员 完成任务 计划任务 安万贺 完成了个人博客和班级列表部分API的包装 完成个 ...

  4. C# 中英文符号互转

    /// 转全角的函数(SBC case) ///       ///任意字符串 /// 全角字符串 ///       ///全角空格为12288,半角空格为32       ///其他字符半角(33 ...

  5. 堆排序HeapSort

    堆排序,顾名思义,是采用数据结构堆来进行排序的一种排序算法. 研究没有规律的堆,没有任何意义.特殊的堆有最大堆(父节点值大于等于左右字节点值),最小堆(父节点值小于等于子节点值).一般采用最大堆来进行 ...

  6. Vue浅谈

    谈Vue 最近在学习Vue相关的知识点并且也做一些练手,就在学习过程中出现的各种坑爹的地方做一个总结!之后再遇到也不会抓瞎. 1.Vue工程的安装 (1)首先先安装node.js这是Vue的运行基础. ...

  7. Git版本控制管理教程(一)：介绍

    我的个人博客地址:damienzhong.com 原文链接:点击打开链接 1.1 背景 数据是短暂的,且容易丢失的,特别是作为开发人员的我们每天频繁的对项目代码进行更新,容易产生错误代码的变更或者项目 ...

  8. [树莓派(raspberry pi)] 01、在linux环境下给树莓派安装系统及入门各种资料

    1.预准备 进入帮助页面https://www.raspberrypi.org/help/,可以直接看到GET START WITH PASPBERRY PI,点击进入: 接下来会引导你检查配件是否齐 ...

  9. python基础教程——dict和set

    dict python内置字典:dict,全称dictionary,在其他语言中称为map,使用键值对存储. ex: d = {'xiaoli' : 95 , 'xiaoming' : 98 , 'x ...

  10. LSA和pLSA的比较

    Comparison   LSA pLSA 1. Theoretical background Linear Algebra Probabilities and Statistics 2. Objec ...