2016-12-09 90 views
0

我正在開發一個交互式項目,其中界面向每個圖形顯示圖形和相關數據。 我在想一種方式,我如何從服務器獲取數據並設置數據風格並在圖形中顯示這些數據?我們可以在一個函數中同時使用ajax和jquery腳本嗎?

我不確定。我們在哪裏可以在一個函數中使用ajax和jquery?

例如,我們可以這樣創建使用jQuery的新元素:

function set_value() { 
    var data2 = document.getElementById('div_id'); 
    data2.style.width = "100%"; 
    data2.innerText = "Economics"; 
    var delay = 700; 
    setTimeout(function() { 
     var element = document.createElement("i"); 
     element.style.cssFloat = "right"; 
     element.appendChild(document.createTextNode('100%')); 
     data2.appendChild(element); 
    }, delay); 
} 

我想從數據庫的百分比值,我不知道。這個怎麼做? 請別人幫我。 謝謝!

+0

首先我看不到任何'ajax'調用。其次,如果您使用'jQuery',請勿使用'getElementById'或'.style.with'。使用一致的方法 – Rajesh

+0

我很抱歉Rajesh先生關於這些代碼,但我想得到的是我正在談論的。上面的例子只是一個模擬,我想把我的想法發送給其他人。 –

+0

如果你的意思是造型/ DOM操作,不需要'jQuery'。 Ajax調用是異步的。編譯器不會等待它的響應。您可以將'DOM操作'邏輯作爲回調傳遞給ajax或者查看'promise'。如果將代碼分解爲多個函數,則更好,因爲它更易於維護,更易於重用。 – Rajesh

回答

0

考慮到「url」是JSON格式的服務返回百分比值。

$.ajax({ 
    url:url, 
    success:function(response) { 
    call_your_function(response.percentage); 
    } 
}); 

也如@Rajesh所述,使用jquery方法來設計元素的樣式。

相關問題