首页 > Web开发 > 详细

ajax 异步请求 代码

时间:2019-03-04 20:51:07      阅读:149      评论:0      收藏:0      [点我收藏+]
case "ajaxname":
            //获取参数
            String name = request.getParameter("name");
            //调用方法
            Student stu=studentService.ajaxname(name);
            System.out.println(stu);
            if(stu!=null) {
                //如果对象不是null的   说明姓名已经占用
                try {
                    response.getWriter().print(false);
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }else {
                try {
                    response.getWriter().print(true);
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }
            break;
<select id="ajaxname" resultType="student" parameterType="String"> 
        select * from student where name=#{name}
    </select>

 

<%@ 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==true) {
                        $("#msg").html("用户名可以使用");
                    } else {
                        $("#msg").html("");
                    }
                }
            })
        })
    })
</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>
            <option>405</option> 
            <option>406</option> </select></td>
        </tr>
    <tr><td><input type="submit" value="添加"></td></tr>
    </table>
</form>
</body>
</html>
******************************************************************************************************************************************************************************************************************************************




 

ajax 异步请求 代码

原文:https://www.cnblogs.com/JBLi/p/10472953.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!