服务器端将信息发送到普通 HTML

是否可以像使用 Pug 或 EJS 但没有视图引擎那样从服务器端向客户端发送信息?


现在我正在使用 XHTTP 请求来访问数据,但是不必如此频繁地使用它会容易得多。


function getAllBears(id){

    var xhttp = new XMLHttpRequest();

    xhttp.onreadystatechange = function() {

        if (this.readyState == 4 && this.status == 200) {

            document.getElementById("allBear").innerHTML = this.responseText;

        }

    };

    xhttp.open("GET", "allBears", true);

    xhttp.send();

}


ITMISS
浏览 85回答 2
2回答

阿晨1998

您可以在 HTML 中插入脚本标记,并对服务器端的变量进行字符串化,然后在窗口上读取序列化的全局变量。响应.body = ('<html><head>...</head><body>&nbsp; &nbsp; <p>text...</p>&nbsp; &nbsp; <script>&nbsp; &nbsp; &nbsp; &nbsp; window.bar = @@@&nbsp; &nbsp; </script></body></html>'.replace(@@@, JSON.stringify(bar))请注意,应在结果中替换某些模式/字符JSON.stringify,更安全的方法如下:function toJSONSafely (obj: any) {&nbsp; &nbsp; return JSON.stringify(obj)&nbsp; &nbsp; &nbsp; &nbsp; .replace(/\u2028/g, '\\u2028')&nbsp; &nbsp; &nbsp; &nbsp; .replace(/\u2029/g, '\\u2029')&nbsp; &nbsp; &nbsp; &nbsp; .replace(/<\/script>/g, '<\\/script>')}

凤凰求蛊

在 html 代码中使用您的 javascript,即内联 javascript,如下所示<html><head></head><body>&nbsp; &nbsp; <p>use this code </p>&nbsp; &nbsp; <script>&nbsp; &nbsp; &nbsp; &nbsp; function getAllBears(id){&nbsp; &nbsp; var xhttp = new XMLHttpRequest();&nbsp; &nbsp; xhttp.onreadystatechange = function() {&nbsp; &nbsp; &nbsp; &nbsp; if (this.readyState == 4 && this.status == 200) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; document.getElementById("allBear").innerHTML = this.responseText;&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; };&nbsp; &nbsp; xhttp.open("GET", "allBears", true);&nbsp; &nbsp; xhttp.send();}&nbsp; &nbsp; </script></body></html>
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Html5