1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2. pageEncoding="UTF-8"%>
  3. <%
  4. request.setAttribute("path", request.getContextPath());
  5. %>
  6. <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
  7. <!DOCTYPE html>
  8. <html>
  9. <head>
  10. <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
  11. <title>Insert title here</title>
  12. <script type="text/javascript" src="${path }/js/jquery-3.2.1.min.js"></script>
  13. <script type="text/javascript">
  14. $(function(){
  15. $("[name='name']").blur(
  16. function(){
  17. //获取文本框输入的内容
  18. var name=$("#name").val();
  19. //2.使用ajax发送用户名 select * from student where name=?如果存在提示用户名被占用
  20. $.ajax({
  21. type:"get",//提交方式
  22. data:{name:name},//查询的参数
  23. url:"${path}/dorm?method=ajaxname",//提交的路径
  24. dataType:"text",//返回的类型 是Text文本
  25. success:function(result){
  26. if(result==0) {
  27. $("#msg").html("用户名不可以使用");
  28. }else{
  29. $("#msg").html("用户名可以使用");
  30. }
  31. }
  32. })
  33. })
  34. })
  35. function getdormid() {
  36. var id=$("#id").val();
  37. $.get("${path}/dorm?method=JSONDormList",{id:id},function(data){
  38. var str="";
  39. $.each(data, function(i, obj) {
  40. if(obj.remaining_number!=0){
  41. str += "<option value="+obj.id+">" + obj.code + "</option>";
  42. }
  43. });
  44. $("#dorm").html(str);
  45. }, "json");
  46.  
  47. }
  48. </script>
  49. </head>
  50. <body>
  51. <form action="" method="post">
  52. <table align="center">
  53. <tr align="center">
  54. <td colspan="8"><h2>宿舍管理</h2>
  55. <td>
  56. </tr>
  57. <tr>
  58. <td>姓名:</td><td><input type="text" name="name" id="name"><span id="msg"></span></td>
  59. </tr>
  60. <tr>
  61. <td>年龄:</td><td><input type="text" name="age"></td>
  62. </tr>
  63. <tr>
  64. <td>性别:</td><td><input type="radio" name="sex" value="0" checked="checked">
  65. <input type="radio" name="sex" value="1"></td>
  66. </tr>
  67. <tr>
  68. <td>地址:</td><td><input type="text" name="address"></td>
  69. </tr>
  70. <tr>
  71. <td>电话:</td><td><input type="tel" name="tel"></td>
  72. </tr>
  73. <tr>
  74. <td>宿舍编号:</td><td>
  75. <select name="id" id="id" onchange="getdormid()">
  76. <option value="11">请选择</option>
  77. <option value="0"></option>
  78. <option value="1"></option>
  79. </select>
  80. <select name="dorm" id="dorm" >
  81. <option></option>
  82. </select>
  83. </tr>
  84. <tr><td><input type="submit" value="添加"></td></tr>
  85. </table>
  86. </form>
  87. </body>
  88. </html>
  89.  
  90. ----------------------------------------------------------------------------------------
  91. //异步请求 查询 用户名是否存在
  92. private void getStudenName(HttpServletRequest request, HttpServletResponse response) {
  93. // 获取参数
  94. String name = request.getParameter("name");
  95. // 调用方法
  96. Student stu = studentService.ajaxname(name);
  97. System.out.println(stu);
  98. if (stu != null) {
  99. // 如果对象不是null的 说明姓名已经占用
  100. try {
  101. response.getWriter().print(0);
  102. } catch (IOException e) {
  103. e.printStackTrace();
  104. }
  105. } else {
  106. try {
  107. response.getWriter().print(1);
  108. } catch (IOException e) {
  109. e.printStackTrace();
  110. }
  111. }
  112.  
  113. }
  114.  
  115. ----------------------------------------------------------------------------------------
  116. // 查询宿舍集合 传入id 二级联动
  117. private void getJSONDormList(HttpServletRequest request, HttpServletResponse response) {
  118. //调用方法
  119. String id= request.getParameter("id");
  120. List<Dorms> dormList=studentService.getJSONDormList(id);
  121. System.out.println(dormList.size()+"成都");
  122. Object jsonList = JSON.toJSON(dormList);
  123. PrintWriter out;
  124. try {
  125. out = response.getWriter();
  126. out.print(jsonList);
  127. } catch (Exception e) {
  128. e.printStackTrace();
  129. }
  130. }

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. Android之activity总结

    http://www.cnblogs.com/lyp3314/archive/2011/11/10/2244971.html 一.什么是activity Activity 是用户接口程序,原则上它会提 ...

  2. js中typeof与instanceof用法小记

    今天写JS代码,遇到动态生成多个名称相同的input复选按钮 需要判断其是否是数组,用到了if (typeof(document.MapCheckMgr.checkid)!="undefin ...

  3. 20145203盖泽双《网络对抗技术》实践五:MSF基础应用

    20145203盖泽双<网络对抗技术>实践五:MSF基础应用 1.实践目标 掌握metasploit的基本应用方式,掌握常用的三种攻击方式的思路.下面是我自己做的时候用的四个套路. (1) ...

  4. CentOS6.9 安装Oracle 11G 版本11.2.0.1.0

    安装实例与数据库 CentOS6.9 安装Oracle 11G 版本11.2.0.1.0 一.检查系统类别. 查看 系统的类别,这里是 64位系统:[root@localhost ~]# uname ...

  5. find,xargs,tar有选择打包

    find ./ -mtime 83 -exec sz {} \; find . -type f -exec ls -l {} \; \;表达 -exec 的结束. ================== ...

  6. 【Codeforces Round 1110】Codeforces Global Round 1

    Codeforces Round 1110 这场比赛只做了\(A\).\(B\).\(C\),排名\(905\),不好. 主要的问题在\(D\)题上,有\(505\)人做出,但我没做出来. 考虑的时候 ...

  7. jmeter(十一)JDBC Request之Query Type

    工作中遇到这样一个问题: 需要准备10W条测试数据,利用jmeter中的JDBC Request向数据库中批量插入这些数据(只要主键不重复就可以,利用函数助手中的Random将主键的ID末尾五位数随机 ...

  8. 可以设置超时版的的fetch

    // 超时版的fetch _fetch(fetch, timeout) { return Promise.race([ fetch, new Promise(function (resolve, re ...

  9. security相关链接整理

    token令牌 ssl协议 https协议 对称加密与非对称加密 认识ASP.NET Windows身份认证

  10. 3.4《想成为黑客,不知道这些命令行可不行》(Learn Enough Command Line to Be Dangerous)——grepping(检索目标行命令)

    grep是检查文件内容最强大的工具之一,这也许不能代表什么,但这不是重点.的确,grep常用作动词,比如'你完全应该检索(grep)那个文件'. grep最常用于在文件中搜索子字符串.例如,我们在第三 ...