Question

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

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

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

所以这是我的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

不确定“put in CSS tags”是什么意思。你可以做一些事情，比如给你的html块你希望把你的内容放在像“content”这样的id中，然后使用jQuery add，append，appendTo等方法将内容附加到内容块。

Html块看起来像：

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

然后，一旦你获取数据：

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

只要强制内容保持正确的大小等，您就必须为内容块或附加到该块的内容添加一些样式。

你的问题有点模糊，所以希望这有帮助吗？

Answer 2

现在可以使用，我不得不将样式更改为

#disp_prob_title{
            position: absolute;
            width: 30%;
            top: 250px;
            left: 150px;
            margin-left: auto;
            margin-right: auto;
            text-align: center;
        }

感谢您的帮助！

将ajax元素包装到HTML页面

2 个答案: