1. 程式人生 > 實用技巧 >js使用promise封裝ajax

js使用promise封裝ajax

Promise將非同步操作以同步操作的流程表達出來,避免了層層巢狀的回撥函式

程式碼:

function ajaxPromise(url,method,data) {
                var pro = new Promise(function(resolve, reject) {
                    var ajax = new XMLHttpRequest();
                    var method=method||"GET"
                     var data=data ||null
                    ajax.open(method, url);
                    ajax.send(data);
                    ajax.onreadystatechange 
= function() { if (ajax.readyState == 4 && ajax.status == 200) { resolve(ajax.responseText); } } setTimeout(function() { reject("請求伺服器失敗"); },
1000) }) return pro; } var pro = ajaxPromise("./txt/user.json"); pro.then(function(msg) { console.log(JSON.parse(msg)); }, function(msg) { console.log(msg); })