將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頁面

回答

相關問題