老师帮忙看一下错误

import {ajax,get,getJSON,post} from './ajax/index.js';

const url = 'https://www.imooc.com/api/http/search/suggest?words=js';

const p = getJSON(url,{

params:{username:'alex'},

data:{age:18}

});

p.then(response => {

console.log(response);

}).catch(err => {

console.log(err);

})

</script>

Fighting1024 2022-03-28

源自：Ajax&Fetch 与跨域请求 6-7 使用Promise改造封装好的Ajax

收起

1回答

好帮手慕慕子 2022-03-28 15:23:10

同学你好，截图中的报错意思是ajax不是一个构造函数，猜测可能是ajax封装代码中书写有问题，不过只有部分代码，无法准确定位问题所在，建议将你写的完整代码，全部粘贴过来，老师帮助测试。

祝学习愉快~

收起回答

提问者 Fighting1024 #1

import Ajax from './ajxa.js';
import {ERROR_HTTP_CODE,ERROR_HTTP_CODE_TEXT,
ERROR_REQUEST,ERROR_REQUEST_TEXT,ERROR_TIMEOUT,
ERROR_TIMEOUT_TEXT,ERROR_ABORT,ERROR_ABORT_TEXT} from './constance.js'

const ajax = (url,options) => {
//return new Ajax(url,options).getXHR();
let xhr;
const p = new Promise((resolve,reject) => {
xhr = new Ajax(url,{
...options,
...{
success(response){
resolve(response);
},
httpCodeError(status) {
reject({
type:ERROR_HTTP_CODE,
text:`${ERROR_HTTP_CODE_TEXT}:${status}`
});
},
error(){
reject({
type:ERROR_REQUEST,
text:ERROR_REQUEST_TEXT
});
},
timeout(){
reject({
type:ERROR_TIMEOUT,
text:ERROR_TIMEOUT_TEXT
});
},
abort(){
reject({
type:ERROR_ABORT,
text:ERROR_ABORT_TEXT
});
},
}
}).getXHR();
});

p.xhr = xhr;

p.ERROR_HTTP_CODE = ERROR_HTTP_CODE;
p.ERROR_REQUEST = ERROR_REQUEST;
p.ERROR_TIMEOUT = ERROR_TIMEOUT;
p.ERROR_ABORT = ERROR_ABORT;

return p;
}

const get = (url,options) => {
return new ajax(url,{...options,
method:'GET'});
}

const getJSON = (url,options) => {
return new ajax(url,{...options,
method:'GET',ResponseType:'json'});
}

const post = (url,options) => {
return new ajax(url,{...options,
method:'POST'});
}

export {ajax,get,getJSON,post};

2022-03-28 15:38:51
好帮手慕慕子回复提问者 Fighting1024 #2

同学你好，ajax是使用箭头函数定义的，不可以作为构造函数使用new关键字调用，在前面的箭头函数课程中有介绍，可以回顾下加深理解与记忆。
建议修改：去掉new关键字，直接调用函数即可
祝学习愉快~

2022-03-28 17:08:40