Django ajax 检测用户名是否已

2023-01-31 00:01:44 django 用户名 检测

添加一个 reGISter.html 页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<fORM>
    <p>用户名<input id="username" type="text" name="username" onblur="func1(this)" />
        <span id="error"></span>
    </p>
    <p>密码<input type="text" name="pwd" /></p>
    <input type="submit" value="submit">
</form>

<script>
    function func1(self) {
        var username=self.value;
        var xmlHttp=createXMLHttpRequest();
        xmlhttp.open("POST","/ajax_register/",true);
        xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        xmlhttp.send("username="+username);

        xmlhttp.onreadystatechange=function () {
            if(xmlhttp.readyState===4 && xmlhttp.status===200){
                var s=xmlhttp.responseText
                if (s=="1"){
                    document.getElementById("error").innerHTML="用户名已经注册!"
                }
            }
        }
    }

        function createXMLHttpRequest() {
            var xmlHttp;
            try{
                xmlHttp = new XMLHttpRequest();
            } catch (e) {
                try {
                    // 适用于IE6
                    xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
                }catch (e) {
                    try {
                        // 适用于IE5.5,以及IE更早版本
                        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
                    }catch (e) {

                    }
                }

            }

            return xmlHttp;
        }


</script>

</body>

</html>

修改 views.py

from Django.http import HttpResponse
from djanGo.shortcuts import render

# Create your views here.

def ajax_register(request):
    if request.method=="POST":
        username=request.POST.get("username")
        if username=="klvchen":
            return HttpResponse("1")
        return HttpResponse("0")
    return render(request,"register.html")

修改 urls.py

from django.contrib import admin
from django.urls import path
from app01 import views

urlpatterns = [
    path('admin/', admin.site.urls),
    path('ajax_register/', views.ajax_register),

相关文章