javascript - 无法使用 JS 在新行上打印 HTML 输出

Question

我正在尝试将以下输出打印到我的 html 页面上:

100.101.102.103

正在尝试 192.168.30.61 ... 打开

警告通知

该系统仅限公司授权用户使用

---

但是我得到的是:'\n100.101.102.103\r\n正在尝试 100.101.102.103 ... 打开\r\n\r\n************ *********** ****************************************************** *\r\n 警告通知\r\n\r\n此系统仅限公司授权用户使用

---

JS:

<script>
    $(function() {
    $('button').click(function() {
        $.ajax({
            url: '/runCommand_query',
            data: $('form').serialize(),
            type: 'POST',
            success: function(response) {
            //alert("hi");
            console.log(response);
            //$("#opt").html(response);
            $("#opt").html(response);
        },
        error: function(error) {
        console.log(error);
    $("#opt").val(error);
        }
    });
});

});

HTML:

output id="opt" name="opt"

我需要一个解决方案来摆脱“\r”和“\n”

Answer 1

您需要将新行的 JavaScript 字符串转义代码转换为 HTML <br>元素。

在 AJAX 成功处理程序的开头，添加:

response = response.replace(/(\n|\r)/g, "<br>");

这是一个例子:

var response = " '\n100.101.102.103\r\nTrying 100.101.102.103 ...";

response = response.replace(/(\n|\r)/g, "<br>");

document.querySelector("p").innerHTML = response;

<p></p>