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. Python之Queue模块

    Queue 1.创建一个“队列”对象 >>> import Queue >>> queue = Queue.Queue(maxsize=100) >>& ...

  2. ssm+maven 框架整合

    开篇简言:maven的存在让ssm框架简单了一个量级,BaseDao的存在又让项目简化了一个量级,希望看到这篇文章的都能深入的了解上面两项,好了,进入主题,构造一个ssm框架 1.准备工具  mave ...

  3. typescript入门基础

    1.typescript介绍 微软开发的一门编程语言,javascript的一个超集,遵循最新的ES6脚本语言规范(2015年发布),它扩展了Javascript的语法,任何已经写好的javascri ...

  4. [OIDC in Action] 2. 基于OIDC（OpenID Connect）的SSO（纯JS客户端）

    在上一篇基于OIDC的SSO的中涉及到了4个Web站点: oidc-server.dev:利用oidc实现的统一认证和授权中心,SSO站点. oidc-client-hybrid.dev:oidc的一 ...

  5. [最短路]P1828 香甜的黄油 Sweet Butter

    题目描述 农夫John发现做出全威斯康辛州最甜的黄油的方法:糖.把糖放在一片牧场上,他知道N(1<=N<=500)只奶牛会过来舔它,这样就能做出能卖好价钱的超甜黄油.当然,他将付出额外的费 ...

  6. MeshRenderer组件及相关API

    MeshRenderer:网格过滤器,用于"渲染"显示模型. Cast Shodows:是否投射阴影.(on:开.off:关) Receive Shodows:是否接收阴影. Ma ...

  7. JavaScript学习笔记（十五）——对象之Date，RegExp

    在学习廖雪峰前辈的JavaScript教程中,遇到了一些需要注意的点,因此作为学习笔记列出来,提醒自己注意! 如果大家有需要,欢迎访问前辈的博客https://www.liaoxuefeng.com/ ...

  8. Python——Scrapy初学

    Scrapy是一个为了爬取网站数据,提取结构性数据而编写的应用框架.可以应用在包括数据挖掘,信息处理或存储历史数据等一系列的程序中.Scrapy最初是为了页面抓取(更确切来说, 网络抓取)所设计的,也 ...

  9. OC在终端编写和运行

    初学者如果想在终端写OC程序的话可以使用一下方法 1.编写.m文件 2.编译.m文件: cc -c 文件名.m 3.再执行: cc 文件名.o -framework Foundation 4. 执行a ...

  10. [C#]使用Label标签控件模拟窗体标题的移动

    本文为原创文章.源代码为原创代码,如转载/复制,请在网页/代码处明显位置标明原文名称.作者及网址,谢谢! 开发工具:VS2017 语言:C# DotNet版本:.Net FrameWork 4.0及以 ...