javascript - 如何用新的 api 调用结果交换列表?
问题描述
如何用新的 api 调用结果交换列表?我试图调用 clearList 函数,但它并没有真正起作用 :( 每次调用 API 数据时,我都会在列表中获得越来越多的位置,我需要清除它们并放置一个新的。
let arr = [];
// function clearList (){
// Array.prototype.forEach.call(arr, (el)=> { el.remove(); });
// }
function searching() {
console.log(arr);
let search_button = $('#search_button');
console.log(search_button);
let sale = $('#sales');
let ul = $('.show');
search_button.on('click', function () {
let findLocation = $('.location').val();
console.log(findLocation);
console.log(display_default);
$.get('api/properties?location=' + findLocation, function (response) {
let dataLocation = response.result.properties.elements;
display_default.css('display', 'none');
for (let key in dataLocation) {
arr.push(dataLocation[key].display_address);
}
console.log(arr);
for (let i = 0; i < arr.length; i++) {
let li = $('<li>').text(arr[i]);
ul.append(li);
}
});
});
}
searching();
});
解决方案
也许它可以帮助你?我在附加 .empty() 之前清理 ul
$.get('api/properties?location=' + findLocation)
.done(function(){
let dataLocation = response.result.properties.elements;
display_default.css('display', 'none');
for (let key in dataLocation) {
arr.push(dataLocation[key].display_address);
}
console.log(arr);
ul.empty();
for (let i = 0; i < arr.length; i++) {
let li = $('<li>').text(arr[i]);
ul.append(li);
}
});
推荐阅读
- sql - 如何将信息从导入表分发到模型表?
- reactjs - 为什么切换到 TypeScript 时 Gsap-TimelineLite 会导致 Object is not extensible?
- python-3.x - python中的随机森林可视化
- javascript - 数组中的随机对象可以被拾取一次
- php - Laravel 中间件多角色
- javascript - 浏览器 API 强制浏览器缓存忘记图像?
- oracle - 如何将嵌套表返回一个函数?
- c++ - 使用 C++ 时 Zeller 的一致性无法正常工作
- java - 如何跟踪所有查询是否在 Firestore (Android) 中完成?
- java - A自动打开错误的Activity