JSFiddle - React, Tailwind, and code Playground

HTML

<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<TITLE>登录</TITLE>
 <script type="text/javascript" src="js/jquery-1.6.2.js"></script>  
</head>
<body>
userName:
<input type="text"  id="userName" />
cardNo:
<input type="text"  id="cardNO" />
            
<input type="button" value="login" onclick="login();"/>

</BODY>
</HTML>

JavaScript

function login(){
    var userName_value = $("#userName").val();
    var cardNO_value = $("#cardNO").val();

    alert(userName_value + "\n" + cardNO_value);
    
    $.ajax({
        type: "get", 
        async:false, 
        timeout:10000, 
        url: "/kjks/checkUser.do", 
        data: "zhunkao="+userName_value+"&ID="+encodeURI(cardNO_value)+"&lasted="+new Date(), 
        contentType:"text/html", 
        success: function(responseText){ 
            alert("searchUserInfo_2 " + responseText); 
        } , 
        error:function(x,e){ 
            alert("searchUserInfo_3"); 
        }, 
        complete:function(jqXHR, textStatus){ 
            alert("searchUserInfo_4"); 
        } 
    }); 

}