原生ajax----发送get和post请求篇

原生ajax发送get和post请求

<script>
        // get
        // 创建ajax对象
        var ajaxGet = new XMLHttpRequest()
        // 配置请求方式和请求地址
        ajaxGet.open('get','http://139.9.177.51:3333/api/testGet?name=小艾')
        // 发送
        ajaxGet.send()
        // 监听状态和接受数据
        ajaxGet.onreadystatechange = function(){
            if(ajaxGet.readyState===4&&ajaxGet.status===200){
                console.log(ajaxGet.responseText);
            }
        }
        // post
        // 创建ajax对象
        var ajaxPost = new XMLHttpRequest()
        // 配置请求方式和请求地址
        ajaxPost.open('post','http://139.9.177.51:3333/api/testPost')
        // 设置请求头
        ajaxPost.setRequestHeader('Content-Type','application/x-www-form-urlencoded')
        // 发送
        ajaxPost.send('name=小艾')
        // 监听状态和接受数据
        ajaxPost.onreadystatechange = function(){
            if(ajaxPost.readyState===4&&ajaxPost.status===200){
                console.log(ajaxPost.responseText);
            }
        }
</script>