二级联动(jquery-ajax-json-springmvc)

 

html代码

<select id="firstDepartment" onchange="onChange()">
  <option value="0">1</option>  <option value="1">1</option>  <option value="2">2</option>
</select>
<select id="secondDepartment"/>

js代码

//firstLevelName  一级下拉框//secondLevelName 二级下拉框      

function onChange(){
            var firstLevelName = $(‘#firstDepartment‘).val();

            $.ajax({
                        url: ‘getSecondLevelNames‘,
                        type: ‘get‘,
                        contentType: "application/json; charset=utf-8",
                        data:{firstLevelName: firstLevelName},
                        dataType: ‘json‘,
                        success: function(data){

                            var names = data.secondLevelNames;

                            $(‘#secondDepartment‘).empty();
                            for(var i in names){
                                $("<option value = ‘" + decodeURI(names[i]) + "‘ >" + decodeURI(names[i]) + "</option>").appendTo($(‘#secondDepartment‘));
                            }
                        }
                    }
            );
        }

后台代码

    @RequestMapping(value = "/getSecondLevelNames", method = RequestMethod.GET)
    public @ResponseBody String getSecondLevelNames(@RequestParam(value = "firstLevelName") String firstLevelName){

        List<String> secondLevelName = LevelUtil.getSecondLevelNames(firstLevelName);
        JSONObject json = new JSONObject();
        json.put("secondLevelNames", secondLevelName);

        return json.toString();
    }
时间: 2024-10-12 18:12:35

二级联动(jquery-ajax-json-springmvc)的相关文章

二级联动非ajax实现

二级联动非ajax实现,改改就能用. html部分代码 : <tr> <td colspan="2"> <select name="fatherTopicId" class="select" id="fatherTopicId" style=''> <option value="" selected="selected">— <?ph

Spring 接收转换 jquery ajax json数组字符串

1.ajax发送json字符串 </pre><p>组建对象</p><p></p><pre code_snippet_id="449843" snippet_file_name="blog_20140813_2_7927326" name="code" class="javascript">var student = new Object(); studen

如何构建ASP.NET MVC4&amp;JQuery&amp;AJax&amp;JSon示例

背景: 博客中将构建一个小示例,用于演示在ASP.NET MVC4项目中,如何使用JQuery Ajax. 直接查看JSon部分 步骤: 1,添加控制器(HomeController)和动作方法(Index),并为Index动作方法添加视图(Index.cshtml),视图中HTML如下: 输入你的姓名: <input type="text" id="txtName"/><br/> 输入你的年龄: <input type="t

php+jquery+ajax+json简单小例子

直接贴代码: Php代码: <html> <title>php+jquery+ajax+json简单小例子</title> <?php header("Content-Type:text/html;charset=utf-8"); ?> <head> <script type="text/javascript" src="http://code.jquery.com/jquery.min.j

Jquery ajax json 不执行success的原因 坑爹

最近在看jQuery的API文档,在使用到jQuery的ajax时,如果指定了dataType为json,老是不执行success回调,而是执行了error回调函数,极度郁闷.后面改为1.2.6版本可以执行. 然后继续下载了几个jquery版本,如1.3.2,1.4.0的,指定dataType为json都不能执行success回调,只有小于1.3版本的才能执行success回调. 最后去jquery的网站找到了在线的api文档看了下,地址:http://api.jquery.com/jQuery

asp.net中利用Jquery+Ajax+Json实现无刷新分页(二)

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="PageTest.aspx.cs" Inherits="renmai_PageTest" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xh

echarts3+ajax+json+SpringMVC+mybatis

最近使用的东西有点多,就不分开描述了,写在一起,也比较连贯 最近在写统计查询,所以用到了echarts3,用了几个小时看了下,还是不错的,主要准备好字符串,直接嵌入就可以 下面我描述下需求,这样在看代码还能有一些针对性 需求:实现对访问记录的统计,每天一个访问记录表,需要根据时间段进行查询(这里面就设计到联调查询),同时,在页面点击某一天的数据时,需要显示这一天每个时段的访问人数(这里面就有点意思了,用到了ajax+json) 好,先附一张截图 这就是最后显示的样子,下面来点实惠的,上代码~ 我

前台jquery+ajax+json传值,后台处理完后返回json字符串,如何取里面的属性值?(不用springmvc注解)

一.取属性值 前台页面: function select(id){ alert("hfdfhdfh"+id); $.ajax({ url:"selectByid.jsp", datatype:'json', data:{id:id}, // 发送数据 error:function(data){ alert("出错了,没有这个学生!!"); }, success:function(data){ alert(data); var json = eva

php+jquery+ajax+json的一个最简单实例

function ajaxTest(){    $username = $_POST['username'];$age = $_POST['age'];$job = $_POST['job'];$json_arr = array("username"=>$username,"age"=>$age,"job"=>$job);$json_obj = json_encode($json_arr);echo $json_obj;    

基于Jquery+Ajax+Json+高效分页

首先我们创建一般处理程序,来读取数据库中内容,得到返回值. 创建文件,GetData.ashx. 我这里是用的存储过程,存储过程会再下面粘出来,至于数据只是实例,你们可根据需求自行读取数据 代码如下: <%@ WebHandler Language="C#" Class="GetData"%> using System;using System.Web;using System.Data.SqlClient;using System.Data;using