AJax基于jQuery实现注册时局部判断用户名是否已被使用

小咪咪 2023-10-17 12:34 41阅读 0赞

上篇博文已经写过一篇基于JavaScript来实现的功能的了，但是由于通过JavaScript来实现的话，

代码量相对较大，而且容易出错，所以一般使用jQuery来实现，具体实现代码如下：

$.ajax：

$.ajax({
    			type :"get",//到后台服务器端的方式
    			url : "StudentServlet",//路径
    			data : "userName="+userName,//相当于地址栏中StudentServlet?userName="+userName
    			dataType : "text",//data类型
    			success : function(data){//回调函数
    				//接收并处理服务端返回来的数据
    				if(data=="y"){
    					$("#span").css("color","green").html("恭喜！该用户名可用！");
    				}else{
    					$("#span").css("color","red").html("该用户名已被使用！请重新输入");
    				}
    			}
    		});

$.get与$.post：

两者大同小异，只是提交到后台的方式不同。

$.get：

$.get("StudentServlet", {
    			userName : userName//相当于$.ajaxdata : "userName="+userName
    		}, function(data) {
    			if (data == "y") {
    				$("#span").css("color", "green").html("恭喜！该用户名可用！");
    			} else {
    				$("#span").css("color", "red").html("该用户名已被使用！请重新输入");
    			}
    		})

$.post：

$.post("StudentServlet", {
    			userName : userName//相当于$.ajaxdata : "userName="+userName
    		}, function(data) {
    			if (data == "y") {
    				$("#span").css("color", "green").html("恭喜！该用户名可用！");
    			} else {
    				$("#span").css("color", "red").html("该用户名已被使用！请重新输入");
    			}
    		})