JS·get接口数据send()发送与接收方法

JS·get接口数据send()发送与接收方法

document.getElementById 方法获得id指定标签数据

var idvalue = document.getElementById("wenben");
// idvalue 为定义变量 
//document.getElementById GetID方法获得"wenben" 标签里的数据

console.log("Fun idvalue: " + idvalue.value); //打印信息
			

function 发送接口数据send()方法

<script>
    function sendSmsCheckCode() {
    //获取手机号表单的值 获取页面中的元素 #id
    var idvalue = document.getElementById("wenben");
    console.log("id: " + idvalue.value); //打印信息
    
    //发送请求 请求 url路径（user/phonecode） + 参数（?phone=17821222322）
    var url = 'http://localhost:8080/user/phonecode?phone=' + idvalue.value;
    console.log("url: " + url); //打印信息
    
    var request = new XMLHttpRequest();
    request.open("GET",url,false);//false同步接收 //true异步
    request.send(); //调用send 请求发送任务
    console.log("status接收状态: " + request.status); //打印信息
    console.log("status.接收信息: " + request.responseText); //打印信息
    console.log("request.onload: " + request.onload); //打印信息
    
    
    request.onreadystatechange = function() {//定义返回接收
        if (request.status == 200) {
        	console.log("接收数据成功: " + request.responseText); //打印信息
        	console.log("接收数据: " + request.readyState); //打印信息
        	
            } else {
            	console.log("接收数据: " + request.readyState); //打印信息
            	
            }
        
        }
    }
	</script>