js ajax的用法詳解

        XMLHttpRequest對象方法

        open(方法名,URL,true)：與服務器建立連接( 方法名提交方式get post，服務器地址URL,選擇true是異步刷新false是全局刷新)

        send():

                get方法 send(null)

                post方法 send(參數值)

        setRequestHeader(header,valse)：請求頭信息

            get方法 不需要設置此方法

            post 需要設置此方法

                1、如果請求元素包含文件上傳

                setRequestHeader("Content-Type","multipart/form-data");

                2、不包含文件上傳

                setRequestHeader("Content-Type","application/x-www-form-urlencoded");

 

        XMLHttpRequest對象屬性

 

        readystate:請求狀態

        state：響應狀態 只有200代表響應成功

        onreadystatechange ：回調函數 存在ab兩個方法，如果a是b的回調函數，執行完b方法後，立即執行a方法

        返回值的兩種格式

                responseText:響應格式爲text格式

                responseXML：響應格式爲xml格式

        function getbtn() {
            console.log("1213")
            //通過ajax異步請求請求服務器
            //new一個對象出來
            xmlHttpRequest = new XMLHttpRequest();
            //設置對象的回調函數,即ajax獲取數據後，需要進行的操作
            xmlHttpRequest.onreadystatechange = callBack;
            //填寫對象方法，URL，是否爲異步
            xmlHttpRequest.open("get", "http://patent/public/index.php/api/market.patent/detail?id=1", true);
            //設置GET的頭部信息
            xmlHttpRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded")
            //發送請求
            xmlHttpRequest.send();

        }
        //回調函數
        function callBack() {
            if (xmlHttpRequest.readyState == 4 && xmlHttpRequest.status == 200) {
                console.log(xmlHttpRequest.responseText)
            } else {

            }
        }