作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在玩 ajax 并反复 promise 为 ajax 调用创建一个抽象版本。以下代码运行良好。
function ajax(url){
var xhr = {
rq : function (method, url){
var prom = new Promise(function (resolve, reject){
var client = new XMLHttpRequest();
//only accept
client.open(method,url,true);
client.send();
client.onload = function (){
if(this.status == 200){
if(this.response == "1"){
reject(this.response);
}
else{
resolve(this.response);
}
}
else{
reject(this.statusText);
}
};
});
return prom;
}
};
return {
'get' : function(){
return xhr.rq('GET', url);
}
};
}
但是我想抽象 ajax.onload 上的函数作为回调传递,我在想这样的事情:
function ajax(url, checker){
var xhr = {
rq : function (method, url){
var prom = new Promise(function (resolve, reject){
var client = new XMLHttpRequest();
//only accept
client.open(method,url,true);
client.send();
client.onload = checker;
};
});
return prom;
}
};
return {
'get' : function(){
return xhr.rq('GET', url);
}
};
}
function chk1(){
if(this.status == 200){
if(this.response == "1"){
reject(this.response);
}
else{
resolve(this.response);
}
}
else{
reject(this.statusText);
}
}
不幸的是,我得到了 resolve 和 reject are unknown 的错误。我知道问题只是在 chk1 中 promise 是未知的。但是我不确定如何解决它。
我希望能够这样调用它:
Promise.all([ajax(u,chk1).get(),ajax(v,chk1).get()])
.then(callback.success)
.catch(callback.error);
亲切的问候
最佳答案
您可以将 resolve
和 reject
传递给检查器函数,以便它可以根据需要调用它们。
function ajax(url, checker) {
var xhr = {
rq: function(method, url) {
var prom = new Promise(function(resolve, reject) {
var client = new XMLHttpRequest();
//only accept
client.open(method, url, true);
client.send();
client.onload = function() {
checker.call(this, resolve, reject);
};
});
return prom;
}
};
return {
'get': function() {
return xhr.rq('GET', url);
}
};
}
function chk1(resolve, reject) {
if (this.status == 200) {
if (this.response == "1") {
reject(this.response);
} else {
resolve(this.response);
}
} else {
reject(this.statusText);
}
}
关于javascript - 在外部回调中解决/拒绝 Promis,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38685261/
我是 Angular 新手,我正在努力了解应该如何创建特定的 Promise。我还使用 typescript 进行编码。 我需要调用 Web 服务来进行身份验证,这必须分两步完成。 第 1 步 请求身
我正在玩 ajax 并反复 promise 为 ajax 调用创建一个抽象版本。以下代码运行良好。 function ajax(url){ var xhr = { rq : f
我的下面的代码工作正常,我可以用它在数据库上创建一些数据,但之后我需要从中获取最新插入的ID以在代码的其他地方使用,但是这个导出返回 promise 对象的函数我可以不将变量分配为函数结果,例如: m
我是一名优秀的程序员,十分优秀!