1.前端：在React渲染頁面之前就加載服務器數據：

 componentWillMount()  {
        console.log("aaaaaaaa");

        var data2={

            action:"queryTaskOfManager"
        };
        Common.getData(JSON.stringify(data2),function (ret) {
            alert(ret);
        });

    }

2.前端調用這個React生命周期函數：

3.ajax文件封裝成組件後，導出：

4.Ajax文件的具體方法：

    getData: function (data2,successCallback) {
        var gg={};
        alert(data2);
        $.ajax({
            url: ‘http://192.168.1.144:8080/sfboffice/askForLeaveServlet‘,
            type: ‘GET‘,

            data:JSON.parse(data2),
            timeout: 1000,
            cache: 
 
false,
            beforeSend: LoadFunction, //加載執行方法
            error: erryFunction,  //錯誤執行方法
            success: succFunction //成功執行方法
        })
        function LoadFunction() {
            alert("加載中....");
        }
        function erryFunction() {
            alert("error");
        }
        function succFunction(data) {
            console.log(data)
            
 
//eval將字符串轉成對象數組
            var tt=JSON.stringify(data);
            successCallback(tt);
        }
    }

5.前端定義：獲取ajax得到的服務器的數據的函數：

（1）導入ajax封裝的組件：

（2）調用ajax中的方法：

  componentWillMount()  {
        console.log("aaaaaaaa");

        var data2={

            action:"queryTaskOfManager"
        };
        Common.getData(JSON.stringify(data2),function (ret) {
            alert(ret);
        });

    }

2017.12.07 Ajax獲取服務器數據並發送到前端