1. 程式人生 > >原生JavaScript的ajax方法——請求資料

原生JavaScript的ajax方法——請求資料

1、使用nodejs配置本地伺服器

 window.function () {
                getData()
            }

2、在瀏覽器執行程式,併發送資料請求

3、在路由中攔截請求,呼叫控制器中相應方法getStuData,返回資料

router.get("/student.do",stuCtrl.getStuData)

4、使用ajax獲得資料

function getData() {
                // 獲取ajax物件
                if(window.XMLHttpRequest){
                    var xhr=new XMLHttpRequest();//DOM獲取ajax物件的方法
                }else{
                    var xhr=new ActiveXObject("Microsoft.XMLHTTP");//ie獲取ajax物件的方法
                }
                // 開啟ajax物件引數(1.請求方式 2.請求地址 3.同步(false)或者非同步(true)
                xhr.open("get","/student.do",true);
                // 利用ajax物件傳送資料
                xhr.send();
                // ajax請求結束所觸發的事件
                xhr.onreadystatechange=function () {//回撥函式
                    if(xhr.readyState==4&&xhr.status==200){
                        console.log("響應完畢");
                        //獲得資料,並轉為JSON格式
                        let stuArr=JSON.parse(xhr.responseText);  
                        //進行其他的資料操作
                        ......
                    }
               }
    		}