2017.12.07 Ajax獲取服務器數據並發送到前端
阿新 • • 發佈:2017-12-07
ice com 周期 react ack log 導出 ring 方法
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獲取服務器數據並發送到前端