Обновить страницу с помощью AJAX

, например, у меня есть элемент в HTML файлОбновить страницу с помощью AJAX

<div id="dateRange">1d</div>

которые контролируют с помощью яваскрипта функции

$("#30Days").click(function(){ 
    $(".dateRange").html("30d"); 
    }); 

    $("#12Weeks").click(function(){ 
    $(".dateRange").html("12w"); 
    }); 

    $("#12Months").click(function(){ 
    $(".dateRange").html("12m"); 
    });

И я получил график, построенный c3.js

var chart = c3.generate({ 
      bindto:"#date", 
     data: { 
       //some config 
      });

И теперь я хочу перезагрузить диаграмму ajax, когда пользователь onclick <div id="dateRange">1d</div>, как я это делаю? Есть ли какой-нибудь пример?

источник

2016-04-14 anson920520

Посмотрите на документацию, я вижу, что 'Flush' находится здесь: http://c3js.org/reference.html#api-flush выглядит так, это заставит диаграмму перерисовываться. Возможно, это то, что вы ищете. –

'chart.load()' используя AJAX для некоторых событий или таймера. Вы понимаете AJAX? – PHPglue

'load' находится здесь: http://c3js.org/reference.html#api-load пример этого здесь: http://c3js.org/samples/data_load.html Весь смысл AJAX заключается в том, чтобы вы не нужно обновлять страницу, поэтому, если вы хотите обновить страницу, не нужно вообще использовать AJAX. –

Вкратце взглянув на документацию, похоже, что вы должны использовать метод load.

$.ajax({ 
 
    // the ajax request for data 
 
    success: function(data) { 
 
    // format the data 
 
    chart.load(data) 
 
    } 
 
})

Посмотрите на документацию http://c3js.org/samples/simple_multiple.html

источник

2016-04-14 05:21:27 aray12

Является ли Ajax вызов необходимо? Вы можете сделать это.

HTML:

<div id="dateRange" onclick="return RefreshChart(event)">1d</div>

JQuery:

function RefreshChart(elem){ 
    chart.load({ 
    url: 'PathToFetchData' 
    }); 
}

комментарий это, если у вас есть какие-либо запрос.

источник

2016-04-14 05:21:29 Bharat

Обновить страницу с помощью AJAX

ответ

Смежные вопросы