html按name查找如果重名,jQuery+Ajax实现用户名重名实时检测_情愿_前端开发者

利用

register.jsp 注册显示页面

/p>

UserServlet 逻辑处理Servlet类,用于对用户重名的判断以及响应处理结果的输出等。其中用于数据库检测重名的方法省略了(LoginDao.getInstance().checkUserName(userName.trim()); // 查找数据库是否存在该用户名)

package com.servlet.user;

import java.io.IOException;

import java.io.PrintWriter;

import javax.servlet.ServletException;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import com.dao.LoginDao;

import com.user.UserInfo;

public class UserServlet extends HttpServlet {

public void doPost(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

response.setContentType("text/html; charset=UTF-8"); // 设置响应结果的格式为text/html,字符集为UTF-8

response.setCharacterEncoding("UTF-8"); // 设置响应结果的字符编码为UTF-8

// 禁止缓存

response.setHeader("Cache-Control", "no-store,no-cache,must-revalidate");

response.setHeader("Cache-Control", "post-check=0,pre-check=0");

response.setDateHeader("Expires", 0);

response.setHeader("Pragma", "no-cache");

PrintWriter out = response.getWriter();

out.println("<?xml version=\"1.0\" encoding=\"utf-8\"?>");

// 从httpRequest()方法中获得请求参数值

// 通过httpRequest()方法封装的请求参数被编码为UTF-8格式,此处若想还原原来的编码格式,则需要通过UTF-8格式解码

String userName = request.getParameter("userName");

String result = null;

boolean check = LoginDao.getInstance().checkUserName(userName.trim()); // 查找数据库是否存在该用户名

if (check) {

result = "该用户已经被使用";

} else {

result = "该用户名可以使用";

}

response.getWriter().print(result); // 将结果输出到response响应流中

}

@Override

protected void doGet(HttpServletRequest req, HttpServletResponse resp)

throws ServletException, IOException {

this.doPost(req, resp);

}

}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持前端开发者。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
首先,需要先引入jQuery库文件。可以在HTML文件中添加以下代码: ```html <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> ``` 接着,需要编写一个前端界面,并添加一个按钮,用于触发ajax请求: ```html <!DOCTYPE html> <html> <head> <title>jQuery + Ajax Demo</title> <meta charset="UTF-8"> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ $.ajax({ url: "test.php", // 请求的URL地址 type: "POST", // 请求方式 data: {name: "John", age: 30}, // 发送的数据 dataType: "json", // 返回的数据类型 success: function(result){ $("#output").text(result.message); // 将返回的结果显示在页面上 }, error: function(xhr, status, error){ alert("请求失败:" + error); // 请求失败时弹出提示框 } }); }); }); </script> </head> <body> <button>点击发送请求</button> <div id="output"></div> </body> </html> ``` 在上面的代码中,当按钮被点击时,会执行一个ajax请求,请求的URL地址为"test.php",请求方式为POST,发送的数据为{name: "John", age: 30},返回的数据类型为json。请求成功后,将返回的结果显示在页面上。 当请求失败时,会弹出一个提示框,显示请求失败的原因。 最后,需要在后端编写一个处理请求的PHP文件(test.php),对请求进行处理,并将处理结果返回给前端。例如: ```php <?php if(isset($_POST['name']) && isset($_POST['age'])){ $name = $_POST['name']; $age = $_POST['age']; $message = "Hello, " . $name . "! Your age is " . $age . "."; $result = array("message" => $message); echo json_encode($result); }else{ echo "参数错误"; } ?> ``` 在上面的PHP文件中,首先判断前端发送的数据是否正确,如果正确,则将数据进行处理,并将处理结果返回给前端。如果参数错误,则返回一个错误提示。 以上就是使用jQuery + Ajax实现前端界面的搭建的简单介绍。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值