Javascript 将animalNumber与getSearch分开,如果它已经在运行,则将其取消 我的api只接受20个animalNumber 但现在我从搜索中得到了20多个动物编号 是否可以将前20个动物编号分别传递给api,将另外20个动物编号分别传递给api 我设置了这样一个if条件if(values.join(“”).length(150)[{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{,{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, …] search response.data动物编号{number:“1”} world.actions.js:113 search response.data animalNumber{number:“2”} world.actions.js:113 search response.data animalNumber{number:“3”} world.actions.js:113 search response.data animalNumber{number:“4”,过期:“Y”} 搜索响应.数据连接-->1,2,3,4,5,6,7,8,9,10,11,12,13,14,15 搜索响应。数据第二次呼叫--> {数据:{…},状态:200,状态文本:“确定”,标题:{…},配置:{…},} 配置:{适配器:ƒ,transformRequest:{…},transformResponse:{…},超时:0,xsrfCookieName:“XSRF-TOKEN”,…} 数据: 信息:(2)[“请求中的动物数量超过最大尺寸限制1,2,3,4,5,6,7,8,9,10,11,12,13,14,15”,“选择用于搜索的动物数量:1,2,3,4,5,6,7,8,9,10,11,12,13,14,15”] cakesInfo:(20)[{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…}] __原型:对象 标题:{content type:“application/json;charset=utf-8”} 请求:XMLHttpRequest{onreadystatechange:ƒ,readyState:4,超时:0,带凭据:false,上载:XMLHttpRequestUpload,…} 现状:200 状态文本:“确定” __原型:对象
同时保持通话的独立性Javascript 将animalNumber与getSearch分开,如果它已经在运行,则将其取消 我的api只接受20个animalNumber 但现在我从搜索中得到了20多个动物编号 是否可以将前20个动物编号分别传递给api,将另外20个动物编号分别传递给api 我设置了这样一个if条件if(values.join(“”).length(150)[{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{,{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, …] search response.data动物编号{number:“1”} world.actions.js:113 search response.data animalNumber{number:“2”} world.actions.js:113 search response.data animalNumber{number:“3”} world.actions.js:113 search response.data animalNumber{number:“4”,过期:“Y”} 搜索响应.数据连接-->1,2,3,4,5,6,7,8,9,10,11,12,13,14,15 搜索响应。数据第二次呼叫--> {数据:{…},状态:200,状态文本:“确定”,标题:{…},配置:{…},} 配置:{适配器:ƒ,transformRequest:{…},transformResponse:{…},超时:0,xsrfCookieName:“XSRF-TOKEN”,…} 数据: 信息:(2)[“请求中的动物数量超过最大尺寸限制1,2,3,4,5,6,7,8,9,10,11,12,13,14,15”,“选择用于搜索的动物数量:1,2,3,4,5,6,7,8,9,10,11,12,13,14,15”] cakesInfo:(20)[{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…}] __原型:对象 标题:{content type:“application/json;charset=utf-8”} 请求:XMLHttpRequest{onreadystatechange:ƒ,readyState:4,超时:0,带凭据:false,上载:XMLHttpRequestUpload,…} 现状:200 状态文本:“确定” __原型:对象,javascript,html,reactjs,redux,Javascript,Html,Reactjs,Redux,同时保持通话的独立性 你能告诉我怎么修吗 下面提供我的减速器和操作 搜索响应.data-->(150)[{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{
搜索响应.data-->(150)[{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{,{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, …]
search response.data动物编号{number:“1”}
world.actions.js:113 search response.data animalNumber{number:“2”}
world.actions.js:113 search response.data animalNumber{number:“3”}
world.actions.js:113 search response.data animalNumber{number:“4”,过期:“Y”}
搜索响应.数据连接-->1,2,3,4,5,6,7,8,9,10,11,12,13,14,15
搜索响应。数据第二次呼叫-->
{数据:{…},状态:200,状态文本:“确定”,标题:{…},配置:{…},}
配置:{适配器:ƒ,transformRequest:{…},transformResponse:{…},超时:0,xsrfCookieName:“XSRF-TOKEN”,…}
数据:
信息:(2)[“请求中的动物数量超过最大尺寸限制1,2,3,4,5,6,7,8,9,10,11,12,13,14,15”,“选择用于搜索的动物数量:1,2,3,4,5,6,7,8,9,10,11,12,13,14,15”]
cakesInfo:(20)[{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…}]
__原型:对象
标题:{content type:“application/json;charset=utf-8”}
请求:XMLHttpRequest{onreadystatechange:ƒ,readyState:4,超时:0,带凭据:false,上载:XMLHttpRequestUpload,…}
现状:200
状态文本:“确定”
__原型:对象
行动
导出函数animalSearch(值){
返回调度=>{
if(值.长度){
if(此类型。\u源!=“未定义”){
此._source.cancel('由于新请求而取消操作');
}
此._source=axios.CancelToken.source();
返回轴
.get(`/how/search?mode=Smart&value=${value}`{
cancelToken:this.\u source.token,
})
。然后(响应=>{
log('search response.data-->',response.data);
让value=response.data.map(filterSearch=>{
if(过滤器搜索动物编号){
console.log(
“search response.data animalNumber”,
filterSearch.animalNumber[0]
);
返回filterSearch.animalNumber[0]。数字+',';
}
});
console.log(
“search response.data join-->”,
值。连接(“”)
);
console.log(
'搜索响应.数据连接长度-->',
值。连接(“”)。长度
);
if(值.连接(“”).length<21){
axios
.得到(
`/how/cakelist/?animalNumber=${values.join(
''
)}&isHistory=false`,
{
cancelToken:this.\u source.token,
}
)
.then(responseanimalNumber=>{
console.log(
“搜索response.data-->”,
响应INAMALNUMBER
);
派遣({
类型:智能搜索,
有效载荷:{
cakeSearch:response.data,
动物编号:
responseanimalNumber.data.cakesInfo,
},
});
//回调(响应);
})
.catch(错误=>{
if(axios.isCancel(错误)){
console.log(
“--请求已取消”,
错误消息
);
}否则{
console.log('--Error',Error.message);
}
});
}
})
.catch(错误=>{
if(axios.isCancel(错误)){
日志('--Request canceled',error.message);
}e