javascript - 将 ajax 元素包装到 HTML 页面

Question

所以我已经使用 Ajax 从我们的 mongodb 数据库中获取了数据。我可以检索数据并从数据库中成功地将其存储在 javascript 变量中。

首先，我想要的是将数据放回到 HTML 页面上，就像在 block 内一样。是否应该使用 Jquery 完成并放入 CSS 标签？我将数据存储在 javascript 中的全局变量中。这是怎么做到的？

其次，在我们有大量包含文本元素的数据并且字符串长度不同之后。那么我如何确保我放在 HTML 页面上的任何文本每次都与我们的 Canvas 宽度和高度正确对齐。它不应超过 Canvas 宽度。如何实现？

---

这是我的CSS元素

#disp_prob_title{
            position: absolute;
            display: none;
            top: 450px;
            left: 240px;
            height: 150px;
            width: 350px;
        }

这是我要附加的 Javascript 函数

setQuestion : function(titleString, bodyString, hintString){
               $("#disp_prob_title").append(this.qsName);
        },

this.qsName 是我的 js 文件中的一个全局变量，它在日志中正确地检索了一个字符串。但是我在我的 html 页面上看不到任何文本。另外，如何更改 css 元素内的字体大小和颜色？

谢谢!

Answer 1

不确定“放入 CSS 标签”是什么意思。你可以做一些事情，比如给你希望在 id 中包含你的内容的 html block ，比如“content”，然后使用 jQuery add、append、appendTo 等方法将内容附加到内容 block 。

HTML block 看起来像:

<div id="content"></div>

然后一旦你获取了数据:

$("#content").append("<div>some data here</div>");

就强制内容保持正确大小等而言，您必须向内容 block 或附加到该 block 的内容添加一些样式。

您的问题有点含糊，希望这对您有所帮助？