代码片段未正确加载

Question

在从数据库中检索到相应的数据 ID 后，我正在尝试向网页添加评论 sn-p。不幸的是，如果我添加如下所示的 sn-p，sn-p 将无法正常工作。如果 sn-p 在 html 中硬编码，则 sn-p 可以正常工作，但如果我在 javascript 中添加它，或者如果我将 sn-p 放入没有 data-id 然后尝试使用正确的 id 附加 data-id 属性，则不会。

我尝试在 div 位置旁边的脚本中将我的 ajax 调用加载到数据库中，然后简单地使用 document.write() 但没有成功。使用中的sn-p是来自Mobials的评论sn-p。

非常感谢您的帮助。

<div id="mobials"> </div>
<script type="text/javascript" src="//api.mobials.com/assets/js/api/v1.js"></script>
<script type="text/javascript" src="https://mobials.com/assets/js/api/review.min.js"></script>


function Submit() {
        if (validateInputs()) {
            $.ajax({
                type: "GET",
                url: "@ViewBag.urlApi" +"LocationDetails?zipcode=" + $("#ZipCodeLoc").val() + "&format=JSON&authoriazation={"+"@ViewBag.ApiKey"+"}",
                dataType: "jsonp",
                traditional: true,
                success: function (data) {
                    $("#events").empty();
                    $("#logos").empty();
                    $("#openingHours").empty();

                    locationDetails = JSON.parse(data);

                    //Customer Reviews
                    var isMobial = false;
                    $.each(locationDetails.Reviews, function (key, value) {
                        if(key == "Type" && value == 1){
                            isMobial = true;
                            $("#consumerAffairs").hide();
                        }
                        if(key == "ReviewCode" && isMobial){
                            var mob = document.getElementById("mobials");
                            mob.innerHTML += '<div class="mobials-root" data-id="'+value.reviewcode+'" data-language="en" data-type="badge" data-size="200"></div>';
                        }
                    });
            }};
        }
    }

编辑：我的 .html 中的这一行：

<div   class="mobials-root" data-id="someId" data-language="en" data-type="badge" data-size="200"></div>

加载后的样子：

<div class="mobials-root" data-id="someId" data-language="en" data-type="badge" data-size="200" data-tracker="1" id="mobial-root-1"><img src="https://s3.amazonaws.com/mobials.com/api/badges/read_reviews/en/174_174_4.7_70.png"></div>

Answer 1

您不能将 document.write() 与 ajax 调用一起使用。

document.write() 只会在文档打开时“按预期”工作。一旦浏览器识别出文档已完全加载，文档就会关闭。

对document.write() 的后续调用将替换文档而不是附加到它。

编辑：但是查看您的代码，我根本看不到 document.write()。