Online_test
/
ajax.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/jquery-3.1.1.min.js" ></script>
	</head>
	<body>
		<form>
		    <span class="tips">请输入你的用户名：</span>
		    <input type="text" name="username" id="username" class="username" />
		    <span class="result"></span><br />
		    <input type="submit" id="submit" value="检测"/>
		</form>
		<script>
			//179000521 刘从礼
		    function ajax(obj) {
		        var url = obj.url;
		        var method = obj.method;
		        if (url.indexOf("?") < 0)
		            url += "?rand=" + Math.random();
		        else
		            url += "&rand=" + Math.random();

		        var data = method == "post" ? obj.data : null;
		        if (method == "get") {
		            url += "&" + obj.data;
		        }
		        var xhr = new XMLHttpRequest();
		        xhr.open(method, url, true);
		        xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		        xhr.send(data);
		        xhr.onreadystatechange = function () {
		            if (xhr.readyState == 4) {
		                if (xhr.status == 200) {
		                    obj.success(xhr.responseText);
		                } else {
		                    alert("发生错误代码：" + xhr.status + "错误信息" + xhr.statusText());
		                }
		            }
		        }
		    }
		    $('.result').hide();
		    $('#submit').click(function(){
		        var username = $('.username').val();
		        var data = 'username=' +username;
		        $.ajax({
		            type:"POST",
		            url:"verification",
		            data:data,
		            success:function(html) {
		                $('.result').show();
		                $('.result').html(html);
		            }
		        });
		        return false;
		    });


		</script>
	</body>
</html>