龙空技术网

使用JQuery的Ajax进行用户重名校验(web开发必看)

数字化与智能化 263

前言:

目前同学们对“jquery算法”大致比较关心,小伙伴们都需要剖析一些“jquery算法”的相关内容。那么小编也在网络上网罗了一些关于“jquery算法””的相关知识,希望同学们能喜欢,小伙伴们快快来了解一下吧!

《大数据和人工智能交流》头条号向广大初学者新增C 、Java 、Python 、Scala、javascript 等目前流行的计算机、大数据编程语言,希望大家以后关注本头条号更多的内容。

使用Jquery的Ajax实现用户注册时候的重名检测,如果注册的用户名为“lily”的时候则提示“该用户名已存在”,否则提示“该用户名可用”

1、前端页面

页面users.jsp代码如下:

<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>

<script src="js/jquery-1.6.js"></script>

<form method="get">

用户名:<input type="text" id="usersId" name="usersname"/>

<input type="button" value="重名检测" onclick="checkData()"/>

<span id="s001" style="color:red"></span>

</form>

2、在前端页面增加Ajax控制

<script>

function checkData(){

var usersIdObj = $("#usersId");

var usersName = usersIdObj.val();

s001Obj = $("#s001");

$.get("/ajaxServer/AjaxServlet", { get_usersName: usersName },

function(data){

if(data == 1){

s001Obj.text("该用户名已存在");

}else{

s001Obj.text("该用户名可用");;

}

}

);

}

</script>

3、Java的Servlet服务端及其配置

【1】web服务端的Servlet的代码如下:

package com.test;

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;

public class AjaxServlet extends HttpServlet {

public void doGet(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

PrintWriter out = response.getWriter();

String usersname = request.getParameter("get_usersName");

System.out.println(usersname);

if (!"lily".equals(usersname)){

out.println(0);

}else{

out.println(1);

}

}

}

【2】、web.xml配置如下:

<?xml version="1.0" encoding="UTF-8"?>

<web-app version="2.5"

xmlns=";

xmlns:xsi=";

xsi:schemaLocation="

;>

<servlet>

<servlet-name>AjaxServlet</servlet-name>

<servlet-class>com.test.AjaxServlet</servlet-class>

</servlet>

<servlet-mapping>

<servlet-name>AjaxServlet</servlet-name>

<url-pattern>/AjaxServlet</url-pattern>

</servlet-mapping>

<welcome-file-list>

<welcome-file>index.jsp</welcome-file>

</welcome-file-list>

</web-app>

《大数据和人工智能交流》的宗旨

1、将大数据和人工智能的专业数学:概率数理统计、线性代数、决策论、优化论、博弈论等数学模型变得通俗易懂。

2、将大数据和人工智能的专业涉及到的数据结构和算法:分类、聚类 、回归算法、概率等算法变得通俗易懂。

3、最新的高科技动态:数据采集方面的智能传感器技术;医疗大数据智能决策分析;物联网智慧城市等等。

根据初学者需要会有C语言、Java语言、Python语言、Scala函数式等目前主流计算机语言。

根据读者的需要有和人工智能相关的计算机科学与技术、电子技术、芯片技术等基础学科通俗易懂的文章。

标签: #jquery算法