通过ajax刷新页面

Refresh page by ajax

本文关键字：刷新 ajax 通过      更新时间：2023-09-26

例如，我在html文件中有一个元素

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

哪个控件由javascript函数控制

    $("#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
            });

现在，当用户单击<div id="dateRange">1d</div>时，我希望通过ajax重新加载图表。我该怎么做？有什么例子吗？

快速浏览文档，您似乎应该使用load方法。

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

查看文档http://c3js.org/samples/simple_multiple.html

是否需要ajax调用？你可以这样做。

HTML:

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

jQuery:

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

如果您有任何疑问，请对其进行评论。

相关文章：