Question

我正在运行$.ajax功能。我想要的数据以json格式成功返回，我能够解析它并获得我想要的属性。然后，当我尝试更改DOM时，它并没有改变。 console.log()语句显示事物正在发生变化，但当我查看页面的来源时，原始元素仍然存在。

代码：

$.ajax({
    success: function (jsonImageString) {
        if (jsonImageString.length > 0) {
            var embeddedImages = $.parseJSON(jsonImageString);                        

            $.each(embeddedImages, function () {
                var currPin = this.pin;
                var currUrl = this.url;
                var currTitle = this.title;

                //statement displays correct pin
                console.log(currPin);

                //statement shows correct original html
                console.log($("a[href='" + currPin + "']").html());

                //nothing changes- viewing source of page shows original elements
                $("a[href='" + currPin + "']")
                    .addClass("displayLink")
                    .html("<img src='" + currUrl + "' alt='" + currTitle + "' />");

                    //shows what would be if something had actually changed...
                    console.log($("a[href='" + currPin + "']")[0].outerHTML);
                });

            }
        }
    });

Answer 1

当我查看页面的来源时

您如何查看来源？

据推测，您正在浏览器中使用“查看来源”菜单选项？通常，浏览器的“查看源”菜单选项显示从服务器获取的原始源。要查看更新的更改，您可能希望使用DOM浏览器，通常是浏览器调试工具的一部分。

DOM正在更新，它的原始来源不是。

Ajax成功回调 - DOM没有更新

1 个答案: