<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<%

    request.setAttribute("path", request.getContextPath());

%>

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<title>Insert title here</title>

<script type="text/javascript" src="${path }/js/jquery-3.2.1.min.js"></script>

<script type="text/javascript">

    $(function(){

        $("[name='name']").blur(

            function(){

            //获取文本框输入的内容

            var name=$("#name").val();

            //2.使用ajax发送用户名  select * from student where name=?如果存在提示用户名被占用

                $.ajax({

                    type:"get",//提交方式

                    data:{name:name},//查询的参数

                    url:"${path}/dorm?method=ajaxname",//提交的路径

                    dataType:"text",//返回的类型  是Text文本

                    success:function(result){

                    if(result==0) {

                        $("#msg").html("用户名不可以使用");

                    }else{

                        $("#msg").html("用户名可以使用");

                    }

                }

            })

        })

    })

    function getdormid() {

        var id=$("#id").val();

        $.get("${path}/dorm?method=JSONDormList",{id:id},function(data){

            var str="";

            $.each(data, function(i, obj) {

                if(obj.remaining_number!=0){

                    str += "<option value="+obj.id+">" + obj.code + "</option>";

                }

            });

            $("#dorm").html(str);

        }, "json");

    }

</script>

</head>

<body>

<form action="" method="post">

    <table align="center">

        <tr align="center">

            <td colspan="8"><h2>宿舍管理</h2>

            <td>

        </tr>

        <tr>

            <td>姓名:</td><td><input type="text" name="name" id="name"><span id="msg"></span></td>

        </tr>

        <tr>

            <td>年龄:</td><td><input type="text" name="age"></td>

        </tr>

        <tr>

            <td>性别:</td><td><input type="radio" name="sex" value="0" checked="checked">男

                            <input type="radio" name="sex" value="1">女</td>

        </tr>

        <tr>

            <td>地址:</td><td><input type="text" name="address"></td>

        </tr>

        <tr>

            <td>电话:</td><td><input type="tel" name="tel"></td>

        </tr>

        <tr>

            <td>宿舍编号:</td><td>

            <select name="id" id="id" onchange="getdormid()">

                <option value="11">请选择</option>

                <option value="0">男</option>

                <option value="1">女</option>

            </select>

            <select name="dorm" id="dorm" >

                <option></option>

            </select>

        </tr>

    <tr><td><input type="submit" value="添加"></td></tr>

    </table>

</form>

</body>

</html>

----------------------------------------------------------------------------------------

//异步请求 查询  用户名是否存在

    private void getStudenName(HttpServletRequest request, HttpServletResponse response) {

        // 获取参数

        String name = request.getParameter("name");

        // 调用方法

        Student stu = studentService.ajaxname(name);

        System.out.println(stu);

        if (stu != null) {

            // 如果对象不是null的 说明姓名已经占用

            try {

                response.getWriter().print(0);

            } catch (IOException e) {

                e.printStackTrace();

            }

        } else {

            try {

                response.getWriter().print(1);

            } catch (IOException e) {

                e.printStackTrace();

            }

        }

    }

----------------------------------------------------------------------------------------

    // 查询宿舍集合  传入id  二级联动

    private void getJSONDormList(HttpServletRequest request, HttpServletResponse response) {

        //调用方法

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

        List<Dorms> dormList=studentService.getJSONDormList(id);

        System.out.println(dormList.size()+"成都");

        Object jsonList = JSON.toJSON(dormList);

        PrintWriter out;

        try {

            out = response.getWriter();

            out.print(jsonList);

        } catch (Exception e) {

            e.printStackTrace();

        }

    }

ajax 异步请求 代码的更多相关文章

  1. jquery Ajax异步请求之session

    写了一个脚本,如下: $(function () { $("#btnVcode").click(function () { var receiveMobile = $(" ...

  2. jquery的ajax异步请求接收返回json数据

    http://www.jb51.net/article/51122.htm jquery的ajax异步请求接收返回json数据方法设置简单,一个是服务器处理程序是返回json数据,另一种就是ajax发 ...

  3. MVC&WebForm对照学习：ajax异步请求

    写在前面:由于工作需要,本人刚接触asp.net mvc,虽然webform的项目干过几个.但是也不是很精通.抛开asp.net webform和asp.net mvc的各自优劣和诸多差异先不说.我认 ...

  4. AJAX异步请求原理和过程

    AJAX 指异步 JavaScript 及 XML(Asynchronous JavaScript And XML),它不是一种新的编程语言,而是一种使用现有标准的新方法. AJAX 基于 JavaS ...

  5. art.dialog 与 ajax 异步请求

    上周写了一些代码,涉及到jquery异步请求,这里归纳总结下,希望对刚接触编程的同学有帮助. 主要习惯使用 art.dialog 框架,非常好用,在异步请求上,它提供了很多简便的方法. 加载使用art ...

  6. ajax异步请求实例

    1. 问题分析 用户管理显示页面:usermanagement.tpl(也可以说是MVC中的V,即视图) 用户管理数据发送页面:usermanagement.php(也可以说是MVC中的M,即模型) ...

  7. 原生ajax异步请求基础知识

    一.同步交互与异步交互的概念: * 同步交互:客户端向服务器端发送请求,到服务器端进行响应,这个过程中,用户不能做任何其他事情(只能等待响应完才能继续其他请求). * 异步交互:客户端向服务器端发送请 ...

  8. maven工程 java 实现文件上传 SSM ajax异步请求上传

    java ssm框架实现文件上传 实现:单文件上传.多文件上传(单选和多选),并且用 ajax 异步刷新,在当前界面显示上传的文件 首先springmvc的配置文件要配置上传文件解析器: <!- ...

  9. ajax异步请求302分析

    1.前言 遇到这样一种情况,打开网页两个窗口a,b(都是已经登录授权的),在a页面中退出登录,然后在b页面执行增删改查,这个时候因为授权原因,b页面后端的请求肯定出现异常(对这个异常的处理,进行内部跳 ...

随机推荐

  1. cpu的组成及分工

    控制单元是上帝:掌控一切: 运算单元只负责算术和逻辑运算,运算的指令由控制单元提供,数据由寄存器提供: 存储单元:一方面给运算单元提供输入输出,另一方面在控制单元的控制下和内存通信: 控制单元使用运算 ...

  2. 在php中分别使用curl的post提交数据的方法和get获取网页数据的方法

    在php中分别使用curl的post提交数据的方法和get获取网页数据的方法整理分享一下额,具体代码如下: (1)使用php curl获取网页数据的方法: $ch=curl_init(); //设置选 ...

  3. e 的由来

    https://www.zhihu.com/question/20296247 对数的发现 很多科学家发现对数螺线在自然界中广泛存在.从大如星系.台风,到小如花朵.海螺……宇宙中到处都是对数螺线的身影

  4. day12 Python元祖

    前戏 #元祖:元素不可被改变,不能白增加或者删除 #tuple #tu = (11,22,33,44) #tu.count(22),获取指定元素在元祖中出现的次数 #tu.index(22),获取元素 ...

  5. P1006 传纸条-洛谷luogu-dp动态规划

    题目描述 小渊和小轩是好朋友也是同班同学,他们在一起总有谈不完的话题.一次素质拓展活动中,班上同学安排做成一个mm行nn列的矩阵,而小渊和小轩被安排在矩阵对角线的两端,因此,他们就无法直接交谈了.幸运 ...

  6. 利用python scapy包进行抓包发包与ARP扫描

    小技巧 通过在交互式的python解释器下,可以通过help()函数查看函数或模块的用途. dir() 函数不带参数时,返回当前范围内的变量.方法和定义的类型列表:带参数时,返回参数的属性.方法列表 ...

  7. B-Tree外存数据结构 _（外存储器—磁盘）第一部分

    1.外存储器—磁盘 计算机存储设备一般分为两种:内存储器(main memory)和外存储器(external memory).内存存取速度快,但容量小,价格昂贵,而且不能长期保存数据(在不通电情况下 ...

  8. java Arrays数组

    1.java.util.Arrays 工具类的使用Arrays 类中的常用方法1) toString()打印数组2) equals()比较两个数组是否相同3) copyOf(…)复制指定的数组 (效率 ...

  9. <转>jmeter（十五）函数助手

    jmeter作为一个开源的性能测试工具,作用还是蛮强大的,找到一篇对jmeter中函数助手解释蛮详细的一篇博客,感觉不错,转载过来,希望对大家有所帮助. 由于时间和版本问题,其中有些内容和排版我做了修 ...

  10. 数据库连接不关闭造成的问题以及RowSet的使用

    这几天给项目做性能压力测试,发现一个方法压力200之后就会把整个系统弄停掉.仔细检查发现是开发人员调用数据库的写法有问题.用的是spring的jdbcTemplate,在使用回调的时候,在回调里又做了 ...