2016-12-09 2 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

Мне жаль, господин Раджеш о тех кодах, но то, что я хочу получить, это то, о чем я говорю. приведенный выше пример - это просто симуляция, где я хочу отправить свою идею другим. –

+0

Под 'jQuery', если вы имеете в виду стиль/DOM-манипуляцию, нет. Ajax-вызовы асинхронны. Компилятор не будет ждать ответа. Вы можете передать логику 'DOM манипуляции' как обратный вызов ajax или заглянуть в« обещание ». Также лучше, если вы разделите код на несколько функций, поскольку он более удобен в обслуживании и более многоразовый. – Rajesh

ответ

0

Учитывая, что «url» является сервисом, возвращающим процентное значение в json-форме.

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

Также, как уже упоминалось, @Rajesh использует методы jquery для стилизации элементов.