使用 Sepomex API 根据邮政编码输入自动填充州和城市答案

【问题标题】：Autofill state and city based on zip code input using Sepomex API使用 Sepomex API 根据邮政编码输入自动填充州和城市
【发布时间】：2020-11-10 00:14:12
【问题描述】：

我正在尝试使用sepomex API（对于墨西哥）在基于 javascript 的 wix corvid 网站上根据邮政编码输入自动填充城市和州字段，但我认为 @ 行有问题987654322@.

$w.onReady(function () {
    $w("#input1").onInput(() =>{
    let zipcode = $w("#input1").value;
    $w("#input2").value = "";
    $w("#input3").value = "";

    if (zipcode.length === 5) {
        let apiUrl = "";

        apiUrl = "https://api-sepomex.hckdrk.mx/query/info_cp/";

            fetch(apiUrl + zipcode, {method: 'get'})
            .then((httpResponse) => {
                if (httpResponse.ok) {
                    return httpResponse.json();
                }
                else{
                    return Promise.reject("fetch was not successful")
                }
            })
            .then((json) => {
                console.log(json);
                let response = json.response;

                $w("#input10").value = json.response[0]["ciudad"];
                $w("#input11").value = json.response[0]["estado"];
                
                $w("#text148").collapse();
            })
            .catch(() =>{
                $w("#text148").expand()

            })
}
})

我无法显示任何数据 API上有输出

[
    {
        "error": false,
        "code_error": 0,
        "error_message": null,
        "response": {
            "cp": "44110",
            "asentamiento": "Vallarta Poniente",
            "tipo_asentamiento": "Fraccionamiento",
            "municipio": "Guadalajara",
            "estado": "Jalisco",
            "ciudad": "Guadalajara",
            "pais": "México"
        }
    }
]

【问题讨论】：

试试 json.response.ciudad
是的，我试过了，但没用...

标签： javascript velo

【解决方案1】：

将第二个承诺中的代码更改为。

.then((json) => {
                
 let response = json[0].response;
 
 $w("#input10").value = response.ciudad;
 $w("#input11").value = response.estado;
              
 $w("#text148").collapse();
})

现在应该可以了

【讨论】：

谢谢，这很有帮助，你给了我解决的想法。最终代码如下。
如果答案对您有帮助，您可以接受它作为您问题的正确答案。

【解决方案2】：

解决了

.then((json) =>{
            
            let response = json[0].response;
            

            $w("#input11").value = json[0].response["ciudad"];
            $w("#input10").value = json[0].response["estado"];
            $w("#text148").collapse();
})

【讨论】：