Блог

У меня есть функция, которая вызывает один API:

 const response = fetch(APIfunctonName, {
    method: "POST",
    body: JSON.stringify(searchRequest),
    headers: {
        "Content-type": "application/json; charset=UTF-8",
    },
})
    .then((res) => res.json())
    .then(
        (result) => {
            let urlParams = this.getRequests();
            let reqid = urlParams["requested"];
            var newUrl = window.location.href
                .replace(`requestID=${reqid}`, "requestID=0")
                .replace("requestID=0", "requestID="   result.RequestId); //result.RequestId always have proper one
            history.pushState({}, null, newUrl);
            this.getList(result.RequestId); //sometimes this goes as undefined
        },
        (error) => {
            console.log(error);
        }
    );
 

Я всегда получаю соответствующий запрос в результирующем объекте, но я не понимаю, почему иногда я получаю старый идентификатор в функции getList

Вы могли бы использовать обещание следующим образом, чтобы убедиться, что правильный запрос будет передан следующей инструкции :

 let p = new Promise((resolve , reject) => { 

 let urlParams = this.getRequests();
        let reqid = urlParams["requested"];
        var newUrl = window.location.href
            .replace(`requestID=${reqid}`, "requestID=0")
            .replace("requestID=0", "requestID="   result.RequestId);
             history.pushState({}, null, newUrl);
        resolve(result);   
 }); 

 p.then((result)  => {
     this.getList(result.RequestId); 
 }); 
 

я думаю, что причиной является разница между синхронизацией ajax и асинхронным ajax.

если это ниже, ajax this.getRequests() является асинхронным. Ваш код получит некоторую случайную ошибку.

 let urlParams = this.getRequests();
 

1. Первое решение — изменить async на sync.

Вы можете изменить это this.getRequests() на синхронизацию. Ваш код будет работать просто отлично.

2. Второе решение — использовать await и async .

 const response = fetch(APIfunctonName, {
    method: "POST",
    body: JSON.stringify(searchRequest),
    headers: {
        "Content-type": "application/json; charset=UTF-8",
    },
})
    .then((res) => res.json())
    .then(
        async (result) => {
            let urlParams = await this.getRequests();
            let reqid = urlParams["requested"];
            var newUrl = window.location.href
                .replace(`requestID=${reqid}`, "requestID=0")
                .replace("requestID=0", "requestID="   result.RequestId); //result.RequestId always have proper one
            history.pushState({}, null, newUrl);
            this.getList(result.RequestId); //sometimes this goes as undefined
        },
        (error) => {
            console.log(error);
        }
    );