原生Ajax 创建POST请求

440 阅读1分钟
         //1、创建XML对象 new一个实例
         var xml = new XMLHttpRequest();
        //2、调用open函数 指定请求类型和请求地址,可在最后?键值对(?id=1)来制定参数
        xml.open('POST','http://www.liulongbin.top:3006/api/addbook');
        //3、设置Content-Type属性
        xml.setRequestHeader('Content-Type','application/x-www-form-urlencoded')
        //4、调用send 函数 发起请求
        xml.send('bookname=水浒传lzx&author=施耐庵&publisher=上海图书出版社');
        //5、监听onreadystatechange事件 监听事件,事件出发说明有数据响应回来
        xml.onreadystatechange = function() {
            //readtState当前ajax请求装态,4表示请求完成或失败
            if (xml.readyState === 4 && xml.status === 200) {
                //获取服务器响应数据
                console.log(xml.responseText);
            }
        }