ajax 异步请求 代码
<%@ 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 异步请求 代码的更多相关文章
- jquery Ajax异步请求之session
写了一个脚本,如下: $(function () { $("#btnVcode").click(function () { var receiveMobile = $(" ...
- jquery的ajax异步请求接收返回json数据
http://www.jb51.net/article/51122.htm jquery的ajax异步请求接收返回json数据方法设置简单,一个是服务器处理程序是返回json数据,另一种就是ajax发 ...
- MVC&WebForm对照学习：ajax异步请求
写在前面:由于工作需要,本人刚接触asp.net mvc,虽然webform的项目干过几个.但是也不是很精通.抛开asp.net webform和asp.net mvc的各自优劣和诸多差异先不说.我认 ...
- AJAX异步请求原理和过程
AJAX 指异步 JavaScript 及 XML(Asynchronous JavaScript And XML),它不是一种新的编程语言,而是一种使用现有标准的新方法. AJAX 基于 JavaS ...
- art.dialog 与 ajax 异步请求
上周写了一些代码,涉及到jquery异步请求,这里归纳总结下,希望对刚接触编程的同学有帮助. 主要习惯使用 art.dialog 框架,非常好用,在异步请求上,它提供了很多简便的方法. 加载使用art ...
- ajax异步请求实例
1. 问题分析 用户管理显示页面:usermanagement.tpl(也可以说是MVC中的V,即视图) 用户管理数据发送页面:usermanagement.php(也可以说是MVC中的M,即模型) ...
- 原生ajax异步请求基础知识
一.同步交互与异步交互的概念: * 同步交互:客户端向服务器端发送请求,到服务器端进行响应,这个过程中,用户不能做任何其他事情(只能等待响应完才能继续其他请求). * 异步交互:客户端向服务器端发送请 ...
- maven工程 java 实现文件上传 SSM ajax异步请求上传
java ssm框架实现文件上传 实现:单文件上传.多文件上传(单选和多选),并且用 ajax 异步刷新,在当前界面显示上传的文件 首先springmvc的配置文件要配置上传文件解析器: <!- ...
- ajax异步请求302分析
1.前言 遇到这样一种情况,打开网页两个窗口a,b(都是已经登录授权的),在a页面中退出登录,然后在b页面执行增删改查,这个时候因为授权原因,b页面后端的请求肯定出现异常(对这个异常的处理,进行内部跳 ...
随机推荐
- Session共享的四种方法
1. 基于NFS的Session共享 NFS是Net FileSystem的简称,最早由Sun公司为解决Unix网络主机间的目录共享而研发. 这个方案实现最为简单,无需做过多的二次开发,仅需将共享目录 ...
- 前端性能优化成神之路—资源合并与压缩减少HTTP请求
资源合并与压缩减少HTTP请求的概要 资源合并与压缩减少HTTP请求主要的两个优化点是减少HTTP请求的数量和减少请求资源的大小 http协议是无状态的应用层协议,意味着每次http请求都需要建立通信 ...
- 网络编程_UDP协议_发送端与接收端
创建UDP传输的发送端 : 1.建立udp的socket服务 2.将要发送的数据封装到数据包中 3.通过udp的socket服务 将数据包发送出去 4.关闭socket服务(因为调用了系统 ...
- python 上传百度语音识别+文字返回结果
1文字生成语音 #!/usr/bin/python3 import urllib.request import requests#导入requests库 import urllib import js ...
- 移动App测试实战—专项测试
我们在进行了手工的功能测试之后,也开发了一些自动化测试用例,并且做了性能测试之后,测试工作看似比较完整了.但是当我们的App在大量的用户那里被安装和使用的时候,还是会有很多我们之前没有预料的问题 ...
- oracle11g设置归档模式和非归档模式
1.首先查看当前数据库是否处于归档模式 可使用如下两种方式查看 1.1 select name, log_mode from v$database; log_mode的值为 ...
- HTTPS协议，SSL协议及完整交互过程
文章转自 https://blog.csdn.net/dfsaggsd/article/details/50910999 SSL 1. 安全套接字(Secure Socket Layer ...
- JavaScript高级程序设计学习(二)之基本概念
任何语言的核心都必然会描述这门语言基本的工作原理.而描述的内容通常都要涉及这门语 言的语法.操作符.数据类型.内置功能等用于构建复杂解决方案的基本概念.如前所述, ECMA-262通过叫做 ECMAS ...
- Java中static、final、static final的区别【转】
说明:不一定准确,但是最快理解. final: final可以修饰:属性,方法,类,局部变量(方法中的变量) final修饰的属性的初始化可以在编译期,也可以在运行期,初始化后不能被改变. final ...
- 斯坦福HAI—细数全球18件AI大事记
3 月 18 日,由李飞飞担任所长之一的「以人为本人工智能研究所」(HAI)自启动以来不短的时间后,终于完成了正式成立的高光时刻.而正式上线的官网日前也更新了两条博文,一篇是详尽介绍 HAI 的文章: ...