2016-12-09 4 views
0

私はインタラクティブなプロジェクトに取り組んでいます。このプロジェクトでは、グラフと関連データを各グラフに表示します。 私はその方法を考えています。サーバーからデータを取得し、データをスタイル化してグラフで表示するにはどうすればよいですか?ajaxとjqueryの両方のスクリプトを1つの関数で使用できますか?

わかりません。 1つの関数で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

'jQuery'は、スタイリング/ DOM操作を意味する場合、いいえ。 Ajax呼び出しは非同期です。コンパイラは応答を待つことはありません。 'DOM操作 'ロジックをコールバックとしてajaxに渡すか、' promise'を調べることができます。また、コードを複数の関数に分割して、より保守性と再利用性が向上すれば、その方が優れています。 – Rajesh

答えて

0

"url"がjson形式のパーセンテージ値を返すサービスであると考えます。

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

また、@Rajeshで述べたように、要素をスタイルするためにjqueryメソッドを使用します。

関連する問題