Question

我知道答案非常简单，但我现在卡住了。所以这是使用id selectors在我的页面上显示JSON值的代码。现在每次获得结果时div的内容都没有刷新但是附上新结果？

.done(function(data) {
        // Get face rectangle dimensions
        var faceRectangle = data[0].faceRectangle;
        var faceRectangleList = $('#faceRectangle');

        // Append to DOM
        for (var prop in faceRectangle) {
            faceRectangleList.append("<li> " + prop + ": " + faceRectangle[prop] + "</li>");
        }

        // Get emotion confidence scores
        var scores = data[0].scores;
        var scoresList = $('#scores');

        // Append to DOM
        for(var prop in scores) {
            scoresList.append("<li> " + prop + ": " + scores[prop] + "</li>")
        }

我想要的是刷新内容，以便只显示新结果。

Answer 1

使用html（）而不是append（）。

.done(function(data) {
        // Get face rectangle dimensions
        var faceRectangle = data[0].faceRectangle;
        var faceRectangleList = $('#faceRectangle');

        // Append to DOM
        for (var prop in faceRectangle) {

              // here i replace append with html

            faceRectangleList.html("<li> " + prop + ": " + faceRectangle[prop] + "</li>");
        }

        // Get emotion confidence scores
        var scores = data[0].scores;
        var scoresList = $('#scores');

        // Append to DOM
        for(var prop in scores) {
            scoresList.html("<li> " + prop + ": " + scores[prop] + "</li>")
        }

或者你可以这样做，

// Append to DOM
Var str = “”;
for (var prop in faceRectangle) {

            str += "<li> " + prop + ": " + faceRectangle[prop] + "</li>";
        }
faceRectangleList.html(str);

append（）的工作方式与您的工作时相同，

String s = “my name is : “;
S +=”dilusha”;

html（）只清除当前内容并将新内容添加到元素中。（这不是他们最初的工作原理。但对于初学者来说这似乎更容易理解）

查看jquery.html(htmlString) api referance

如何使用jquery刷新div内容

1 个答案: