javascript - JS : How to handle a 400 Bad Request error returned from API url

Question

仍然很缺乏经验，我正在尝试错误处理“400 错误请求”。

我有一个带有搜索栏的网站。
然后将输入到搜索栏中的值放入返回对象的 api url 中。
每当输入拼写错误的搜索值时，站点的控制台都会为 api url 返回“400 Bad Request”。
我还从 api url 请求中收到以下错误对象。

{
    "meta": {
        "code": 400,
        "errorType": "failed_geocode",
        "errorDetail": "Couldn't geocode param near: Jljjl",
        "requestId": "59208ac96a6071641949481d"
    },
    "response": {}
}

我想做的是使用像下面这样的条件语句来处理这个错误:

try {
    if (400 Bad Request) throw "incorrect";
} catch (err) {
    document.getElementById('results').innerHTML = "Input is " + err;
}

我已经尝试过像下面这样的条件语句，但似乎我无法访问返回的错误对象中的任何值:

if (object.meta.code === 400)
if (object.meta.code !== 200)
if (object === undefined) // or null or 0

如何将 400 Bad Request 错误放入“if 语句”中，或者是否有其他方法来处理这些错误？
谢谢

Answer 1

使用 Fetch API ，这可以通过以下方式实现:

fetch(url)
    .then((res) => {
        if (res.status === 400) {
            throw new Error('your error message here');
        }
        return res.json();
    })
    .then(json => {
        // handle response normally here
    })
    .catch(ex => {
        // handle errors here
    });