将ajax元素包装到HTML页面

所以我已经使用Ajax从我们的mongodb数据库中提取数据。我可以检索数据并从数据库中将它存储在JavaScript变量中。将ajax元素包装到HTML页面

首先，我想要的是把数据放回到块内的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元素内的字体大小和颜色？

谢谢！

来源

2014-02-20 Htlcs

_and放入CSS tags_是什么意思？你想把数据放入样式表还是什么？ – idmean

是的。对困惑感到抱歉。我仍然对网络编程的术语不熟悉:) 是的我想在我的HTML页面上显示数据。它就像每当一个事件被触发时，新的数据从数据库中检索，我想在HTML页面上显示新的数据。 – Htlcs

不确定你的意思是“放入CSS标签”。你可以做一些事情，比如给你希望让你的内容像“内容”这样的id的HTML块，然后使用jQuery add，append，appendTo等方法将内容附加到内容块。

的Html块会是什么样子：

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

然后，一旦你获取数据：

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

至于迫使内容保持合适的大小等，你必须添加对内容块或您添加到该块的内容进行一些样式设计。

你的问题有点含糊，所以希望这有助于？

来源

2014-02-20 18:08:47

是的，我会尝试。抱歉不够清楚。简而言之，我只想将我从数据库中获得的数据显示到主HTML页面。每次触发特定事件时，都会从数据库中检索新的数据。因此，总之，我想在我的html页面上显示更新的数据，只要我的事件被触发 – Htlcs

您可以在上面的函数中引发alert/console.log吗？或者在你的源代码中添加一个断点。它甚至击中了这个功能吗？ –

是的，我把一个警告框内的功能，它出现了。所以我很确定它已经达到了这个功能。此外，我试图把它放在我的主要绘图功能，但仍然没有出现。 – Htlcs

它现在，我不得不造型改为

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

谢谢您的帮助！

来源

2014-02-20 19:22:12 Htlcs

将ajax元素包装到HTML页面

回答

相关问题