ajax 異步請求 代碼
阿新 • • 發佈：2019-03-04
bre writer exce req cas body setattr 年齡 colspan
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 異步請求 代碼