服务器返回结果为空,ajax从服务器端不管是返回true字符串还是返回false字符串,它们两者和true字符串比较后结果都为false...

该博客详细展示了如何使用Ajax实现前端实时检测用户名是否已存在于后台数据库中的功能。通过监听输入框失去焦点事件,发送GET请求到'/TestUserList',参数为用户名,后台使用ArrayList存储假数据进行匹配。如果用户名存在,返回true,前端提示用户名已存在;反之,提示用户名可用。
摘要由CSDN通过智能技术生成

017e01e2eb7d8241c7866eb7204f5901.png

$('#uName').blur(function() {

console.log(this.value, $(this).val());

var url = 'TestUserList?name=' + $(this).val();

if($(this).val().length == 0){

$('#prompt').html('用户名不能为空');

return;

}

$.get(url, function(serverReturnData){

console.log(serverReturnData);

console.log(typeof serverReturnData, serverReturnData.length);

//trim()方法是用来删除字符串两端的空白字符并返回,缺陷:只能去除字符串两端的空格,不能去除中间的空格

var serverReturnDataStr = serverReturnData.trim();

console.log(serverReturnDataStr);

console.log(typeof serverReturnDataStr, serverReturnDataStr.length);

console.log(serverReturnData == 'true', serverReturnDataStr == 'true');

if(serverReturnDataStr == 'true'){

$('#prompt').html('用户名已存在');

}else{

$('#prompt').html('用户名可用');

}

// console.log($(this));

});

});

b1a080ab2fce421ce9f59d45d7d0da39.png

8986df1c876ab65964f7e65575c3e8f3.png

package com.test;

import java.io.IOException;

import java.io.PrintWriter;

import java.util.ArrayList;

import java.util.List;

import javax.servlet.ServletException;

import javax.servlet.annotation.WebServlet;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

/**

* 使用ajax检测用户名是否存在

*/

@WebServlet("/TestUserList")

public class TestUserList extends HttpServlet {

private static final long serialVersionUID = 1L;

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

response.setContentType("text/html;charset=UTF-8");

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

System.out.println("userName = " + userName);

List userList = new ArrayList();

userList.add("令狐冲");

userList.add("韦小宝");

userList.add("郭靖");

userList.add("张无忌");

userList.add("zhangsan");

userList.add("lisi");

boolean userExist = userList.contains(userName);

System.out.println("userExist = " + userExist);

PrintWriter pw = response.getWriter();

pw.println(userExist);

pw.flush();

pw.close();

}

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

doGet(request, response);

}

}

bf142052e5598a8d775ab0a4952aff5c.png

0a4104827535b65674ad10f96fa9ad41.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值