Question

基于三个功能--GET，TRANSFORM和CHANGECHART - 如何通过回调链接所有三个？请记住，当GET和TRANSFORM完成后，CHANGECHART可以作为独立功能运行吗？

这是我的代码：

    var dts = {};
var chart = {};

function testAjax(callback) {
  $.ajax({
    url:
      "https://api.openweathermap.org/data/2.5/forecast?q=london&appid=7ce3e1102e1902e0f878c2a640e95aed",
    method: "GET",
    cache: false,
    success: callback
  });
}

function transform(data) {
  this.data = data;

  dts = data.list.map(item => item.dt);
  console.log(dts);


}

function changeChart(text, dts) {

 chart.name = text;
 chart.data = dts;

  console.log(chart.data);

};

$('.change').on('click', function() {
  var text = $(this).html();
  changeChart(text, dts);

})

$('.submit').on('click', function() {
  testAjax(transform);
})



console.log(useMe.tempMins); // undefined

预期结果：点击changeChart，dts变量 IS DEFINIED 并替换chart.data对象数据。

有关codepen的更多信息：https://codepen.io/anon/pen/zWprar?editors=1011

编辑：我修改了我的代码，我可以正确地寻求答案。问题在于changeChart功能。如何将ajax数据传递给它？请记住，用户的逻辑是首先单击“提交”以获取数据，然后进行更改。此外，在更大的图片中有多个“更改”按钮，这些按钮将改变从ajax请求获取的主数据中的位和。

回调链接javascript

0 个答案: