Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将ajax元素包装到HTML页面_Javascript_Jquery_Html_Css_Ajax - Fatal编程技术网

Javascript 将ajax元素包装到HTML页面

Javascript 将ajax元素包装到HTML页面,javascript,jquery,html,css,ajax,Javascript,Jquery,Html,Css,Ajax,因此,我已经使用Ajax从mongodb数据库中获取了数据。我可以从数据库中检索数据并成功地将其存储在javascript变量中 首先,我想把数据放回HTML页面,就像放在块里面一样。应该使用Jquery并放入CSS标记吗?我将数据存储在javascript中的全局变量中。这怎么可能呢 第二,在我们有了文本元素和字符串长度不同的数据负载之后。那么,我如何确保每次我在HTML页面上放置的任何文本都与画布的宽度和高度正确对齐呢。它不应超过画布宽度。如何做到这一点 这就是我的css元素 #disp_

因此,我已经使用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元素中的字体大小和颜色

谢谢

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

Html块如下所示:

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

然后,获取数据后:

$("#content").append("<div>some data here</div>");
$(“#内容”)。附加(“此处的一些数据”);
至于强制内容保持正确的大小等,您必须向内容块或附加到该块的内容添加一些样式


您的问题有点模糊,希望这能有所帮助?

现在可以了,我不得不将样式改为

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

谢谢你的帮助

在CSS标签中添加和放置是什么意思?你想把数据放进样式表还是什么?是的。很抱歉给你带来了困惑。我对网络编程的术语还不熟悉:)是的,我想在我的html页面上显示数据。这就像每当触发事件时,从数据库中检索新数据,我想在html页面上显示新数据。是的,我会尝试。对不起,我说得不够清楚。简单地说,我只想将从数据库中获取的数据显示到我的HTML主页面上。每次触发特定事件时,都会从数据库中检索一段新数据。总之,每当我的事件触发时,我想在我的html页面上显示这些更新的数据。你能在上面的函数中抛出一个alert/console.log吗?或者在源代码中的该点添加断点。是的,我在函数里面放了一个警告框,它就出现了。所以我很确定它达到了功能。我也试着把它放在我的主绘图函数中,但仍然没有显示任何内容;或console.log(this.qsName)?