我正在尝试使用ES6承诺通过jQuery发布帖子请求:
我有一个功能:
getPostPromise(something, anotherthing) {
return new Promise(function(resolve, reject) {
$.ajax({
url: someURL,
type: 'post',
contentType: 'application/json; charset=utf-8',
data: JSON.stringify(
something: something,
anotherthing: anotherthing
}),
dataType: 'json',
success: resolve,
error: reject
});
});
}
我称之为:
getPostPromise(
'someFooStuff',
'someBarStuff'
).then(
function(returnedData) {
console.log("Good: ", returnedData);
},
function(responseObject) {
console.log("Bad: ", responseObject);
}
).catch(
function(errorThrown) {
console.log("Exception: ", errorThrown);
}
);
我的服务器按预期返回响应,请求正文采用JSON格式,但我的控制台输出为:
好:未定义
为什么我没有收到返回的数据?
感谢任何人/每个人的帮助。
---更新编辑---
我将我的js减少到只有:
import $ from 'jquery';
$.get('http://localhost:8008/api/user')
.done(function(data) {
console.log(data);
});
我仍然未定义为输出。如果我在网络选项卡中打开请求,我可以看到具有正确数据的响应对象。请求发出,我的服务器很满意并且响应,结果在我的浏览器中,但是done的数据参数是未定义的。我很难过。
---更新2 - 解决方案---
我发现问题在于使用:https://github.com/jpillora/xdomain来绕过CORS。似乎那个库以某种方式搞砸了传递值。我已将其删除,并将正确实施CORS,并支持那些不支持它的浏览器。
答案 0 :(得分:32)
jQuery Ajax方法自己返回promise,你根本不需要来包装它们。
但是,您当然可以与ES6 promise API保持一致。
UPDATE jQuery 3.0+实现了the Promise/A+ API,因此没有理由在现代jQuery中包装任何东西。阅读the peculiarities of jQuery's promise implementation prior to version 3.0。
对于3.0之前的jQuery版本,我会比你更多地解耦它:
function ajax(options) {
return new Promise(function (resolve, reject) {
$.ajax(options).done(resolve).fail(reject);
});
}
和
ajax({
url: someURL,
type: 'post',
contentType: 'application/json; charset=utf-8',
data: JSON.stringify({
something: something,
anotherthing: anotherthing
})
}).then(
function fulfillHandler(data) {
// ...
},
function rejectHandler(jqXHR, textStatus, errorThrown) {
// ...
}
).catch(function errorHandler(error) {
// ...
});