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. 关于ThinkPHP中的时间自动填充

    <?php class NewsModel extends Model{ protected $_auto = array( array('time_at','mydate','1','call ...

  2. JavaScript系列-----对象基于哈希存储（<Key，Value>之Key篇） （1）

    1.Hash表的结构 首先,允许我们花一点时间来简单介绍hash表. 1.什么是hash表 hash表是一种二维结构,管理着一对对<Key,Value>这样的键值对,Hash表的结构如下图 ...

  3. Java微信公众平台开发_06_素材管理

    一.本节要点 1.官方文档的media 这个media可以理解为文件,即我们需要以POST方式提交一个文件 2.媒体文件有效期 媒体文件在微信后台保存时间为3天,即3天后media_id失效. 二.代 ...

  4. http下载网页

    //http.c #include <stdio.h>#include <stdlib.h>#include <string.h>#include <sys/ ...

  5. OpenTSDB-Querying or Reading Data

    Querying or Reading Data OpenTSDB offers a number of means to extract data such as CLI tools, an HTT ...

  6. 这应该是目前最快速有效的ASP.NET Core学习方式（视频）

    ASP.NET Core都2.0了,它的普及还是不太好.作为一个.NET的老司机,我觉得.NET Core给我带来了很多的乐趣.Linux, Docker, CloudNative,MicroServ ...

  7. Xilinx FPGA LVDS应用

    最近项目需要用到差分信号传输,于是看了一下FPGA上差分信号的使用.Xilinx FPGA中,主要通过原语实现差分信号的收发:OBUFDS(差分输出BUF),IBUFDS(差分输入BUF). 注意在分 ...

  8. Iterator & Iterable 和 Comparable&Comparator

    java.lang.Iterator & java.lang.Iterable Iterator和Iterable的区别和联系 iterator是具有迭代状态的对象.它允许你检查它是否有更多的 ...

  9. .NET之RabbitMQ学习笔记(二)-安装

    安装 1.安装erlang语言环境 因为rabbitmq是基于erlang进行开发,所以需要安装相应的依赖环境,学习中用到的erlang包下载地址:http://www.erlang.org/down ...

  10. 【手记】让Fiddler抓取入站请求，或者叫用Fiddler做反向代理

    注意:本文不涉及HTTPS的场景 最近在弄公众号开发,除了主动去调公众号接口,还存在公众号后台要反过来调你的情形,攻受转换一线间.对于回调的情况,想要知道对方是怎样来请求的很有必要.此前经常用Fidd ...