使用原生ajax发送get请求和post请求

使用原生ajax发送get请求

创建一个ajax对象

    var xhr = new XMLHttpRequest();

设置请求方式和地址

    xhr.open('get', 'http://www.liulongbin.top:3006/api/getbooks')

发送请求

    xhr.send()

监听redystatechange事件

    xhr.onreadystatechange = function() {
            //判断是否成功
            if (xhr.readyState == 4 && xhr.status === 200) {
                //获取服务器响应回来的数据
                console.log(xhr.responseText);
                console.log(typeof xhr.responseText);
               }
           }

使用原生ajax发送post请求

创建一个ajax对象

    var xhr = new XMLHttpRequest();

设置请求方式和请求地址

    xhr.open('post', 'http://www.liulongbin.top:3006/api/addbook')

设置请求头

    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded')

发送请求(携带数据)

    xhr.send('bookname=你是人间四月天&author=林徽因&publisher=林徽因诗集')

监听redystatechange事件

   xhr.onreadystatechange = function() {
            //判断请求是否发送成功
            if (xhr.readyState === 4 && xhr.status === 200) {
                //获取服务器响应的数据
                console.log(xhr.responseText);
            }
        }