Javascript 在for循环中发出生成字符串

我很难理解为什么我不能通过在循环中添加其他字符串来构建字符串。下面是JavaScript函数：

function displayCountries(){
    var body = "<option value='select'>...</option>";

    var xhr = new XMLHttpRequest();
    xhr.withCredentials = false;

    xhr.addEventListener("readystatechange", function () {
    if (this.readyState === this.DONE) {
        var data = JSON.parse(this.responseText);

        for (var i=0;i < data.length;i++) {
            body +="<option value='" + data[i].name + "'>" + data[i].name + "</option>";
            console.log("<option value='" + data[i].name + "'>" + data[i].name + "</option>");

        }
    }
    });

    xhr.open("GET", "https://restcountries.eu/rest/v2/all?fields=name;");
    xhr.setRequestHeader("Accept","application/json");
    xhr.send(null);
    console.log(body);
    document.getElementById("country-select").innerHTML=body;
}

第一个控制台日志按照我的预期精细打印数据，并查看是否没有传递到html的语法错误，但是主体变量doessent在循环中添加字符串，因此第二个日志只打印选项

我读了好几遍，但不明白为什么不起作用。非常感谢您的帮助。

在响应可用之前，您正在设置innerHTML属性

我建议您创建一个option元素，并将其附加到for循环中：

功能显示国家{ var select=document.getElementByIdcountry-select； select.innerHTML=。。。； var xhr=新的XMLHttpRequest； xhr.withCredentials=false； xhr.addEventListenerreadystatechange，函数{ 如果this.readyState==this.DONE{ var data=JSON.parsethis.responseText； 对于变量i=0；i

---

• [html]相关文章推荐

---

• 随机文章推荐

• XNA直升机游戏地形 xna
• 在Windows Phone 7 XNA中保存对象列表 xnawindows-phone
• 为FPS游戏编写XNA游戏服务器的最佳方式是什么？ xna
• 在XNA中动态获取skybox的图片 xnadirectx
• Kinect Studio崩溃XNA应用程序‎；s xna
• XNA与Windows 8之间的兼容性问题 xnawindows-8
• Xna 缩放RenderTarget2D不会'；t标度源矩形 xna
• Xna 如何将图像照片用作Windows phone按钮 xnawindows-phone
• 在windows上为xna StorageDevice设置目录 xna
• Xna 将Admob的间隙广告集成到Windows Phone 8 Monogame xna