專(zhuān)注Java教育14年
全國(guó)咨詢(xún)/投訴熱線(xiàn)：400-8080-105
更新時(shí)間：2021-06-28 11:25:10 來(lái)源：動(dòng)力節(jié)點(diǎn) 瀏覽1223次
jsp頁(yè)面ajax請(qǐng)求判斷數(shù)據(jù)庫(kù)里是否存在用戶(hù)
配置yml：
然后在pom文件中加入jsp的必要依賴(lài)：
<!-- 連接oracle數(shù)據(jù)庫(kù)的依賴(lài) -->
<dependency>
<groupId>com.oracle</groupId>
<artifactId>ojdbc6</artifactId>
<version>11.2.0.3</version>
</dependency>
<!-- jsp必要依賴(lài) -->
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>jstl</artifactId>
</dependency>
<dependency>
<groupId>org.apache.tomcat.embed</groupId>
<artifactId>tomcat-embed-jasper</artifactId>
</dependency>
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>servlet-api</artifactId>
<version>3.0-alpha-1</version>
<scope>provided</scope>
</dependency>
在/WEB-INF/jsp/目錄下創(chuàng)建jsp文件：(編碼改為utf-8)
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Insert title here</title>
</head>
<body>
我是一個(gè)jsp頁(yè)面
</body>
</html>
創(chuàng)建controller：
項(xiàng)目運(yùn)行：
引入jquery：(jsp的靜態(tài)資源不放在src/main/webapp下而是src/main/resources/static下)
修改頁(yè)面、編寫(xiě)mapper、service、controller：
jsp頁(yè)面：
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Insert title here</title>
<script src="js/jquery-1.8.3.js"></script>
<script>
$(function(){
$("#btn").click(function(){
var ins=$("#ins").val();
$.ajax({
url:"/r",//要請(qǐng)求的服務(wù)器url
data:{ins:ins},//第一個(gè)name對(duì)應(yīng)的是后端request.getParameter("name")的name、第二個(gè)name對(duì)應(yīng)的是此js中的var name = $("#name").val();的name
async:true,//是否是異步請(qǐng)求
cache:false,//是否緩存結(jié)果
type:"POST",//請(qǐng)求方式
dataType:"text",//服務(wù)器返回什么類(lèi)型數(shù)據(jù) text xml javascript json(javascript對(duì)象)
success:function(result){//函數(shù)會(huì)在服務(wù)器執(zhí)行成功后執(zhí)行，result就是服務(wù)器返回結(jié)果
console.log(result);
$("#re").html(result);
},
error:function(jqXHR, textStatus, errorThrown) {
}
});
});
});
</script>
</head>
<body>
<input id="ins"/><br>
<button id="btn">檢查判斷</button><br>
<span id="re"></span>
</body>
</html>
看數(shù)據(jù)庫(kù)：
pojo：
public class User {
private Integer id;
private String name;
private String job;
public Integer getId() {
return id;
}
public void setId(Integer id) {
this.id = id;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public String getJob() {
return job;
}
public void setJob(String job) {
this.job = job;
}
@Override
public String toString() {
return "User [id=" + id + ", name=" + name + ", job=" + job + "]";
}
}
Mapper：
@Mapper
public interface UserMapper {
@Select("select id,name,job from emp where name=#{name}")
public List<User> queryOne(String name);
}
Service：
public interface UserService {
public boolean queryOne(String name);
}
Controller：
@Controller
public class IndexC {
@RequestMapping
public String index() {
return "index";
}
@Autowired
private UserServiceImp u;
@RequestMapping("/r")
@ResponseBody
public String r(String ins) {
String s="";
boolean bb = u.queryOne(ins);
if(bb) {
s="用戶(hù)存在";
}else {
s="用戶(hù)不存在";
}
return s;
}
}
運(yùn)行：
大家如果對(duì)JSP的相關(guān)知識(shí)感興趣，可以到官網(wǎng)中的JSP教程技術(shù)文檔中學(xué)習(xí)哦!
Java實(shí)驗(yàn)班
0基礎(chǔ) 0學(xué)費(fèi) 15天面授
Java就業(yè)班
有基礎(chǔ) 直達(dá)就業(yè)
Java夜校直播班
業(yè)余時(shí)間 高薪轉(zhuǎn)行
Java在職加薪班
工作1~3年，加薪神器
Java架構(gòu)師班
工作3~5年，晉升架構(gòu)
提交申請(qǐng)后，顧問(wèn)老師會(huì)電話(huà)與您溝通安排學(xué)習(xí)
初級(jí) 202925
初級(jí) 203221
初級(jí) 202629
初級(jí) 203743
京公網(wǎng)安備 11030102010736號(hào)