使用ajax在ul标签中追加结果
Append results in ul tag using ajax
这段代码在ul
中追加了1个或多个li
,但每次运行代码时,它都继续追加。我想用新数据替换第一次添加的数据。我尝试使用.empty
,但如果数据有超过1个li
标签,它只返回最后一个li
,因为它清除第一次迭代。
function addCourse(){
$.post("addCourse", function(result){
var response = $.parseJSON(result);
$.each( response, function( i, val ) {
var day = JSON.stringify(val.day).replace(/'"/g, "");
var hour = JSON.stringify(val.hour).replace(/'"/g, "");
var date = day+"_"+hour;
$("#div1").append("<li><a data-toggle='tab' href=#"+date+">"+date+"</a></li>");
});
});
}
HTML代码
<ul class="nav nav-tabs" id="div1" role="tablist" >
<li class="active" id="home">
<a data-toggle="tab" href="#Home" >Home</a>
</li>
</ul>
您尝试使用.empty
,但可能在错误的地方。尝试在$.each
之前使用它,例如:
function addCourse() {
$.post("addCourse", function(result) {
var response = $.parseJSON(result);
$("#div1").empty();
$.each(response, function(i, val) {
var day = JSON.stringify(val.day).replace(/'"/g, "");
var hour = JSON.stringify(val.hour).replace(/'"/g, "");
var date = day + "_" + hour;
$("#div1").append("<li><a data-toggle='tab' href=#" + date + ">" + date + "</a></li>");
});
});
}
try use .html()
$("#div1").html("<li><a data-toggle='tab' href=#"+date+">"+date+"</a></li>");
或$("#div1").html('');
和$("#div1").append('...');
相关文章:
- 奇怪的Javascript结果
- 表追加而不附加最后一个元素
- Javascript(jQuery)给了我奇怪的结果
- JSONP请求返回结果,但也触发error_callback
- 如何在chrome扩展中存储数据/结果,以及如何使用setTimeout使其只被调用一次
- Javascript,输出结果后页面不断刷新
- 这是使用html快照和谷歌获取的预期结果吗?SEO/SPA
- 将地理编码结果转换为php变量以发布到mysql数据库
- AngularJS/HTML/Bootstrap元素用于动态搜索结果
- JQuery:向多个匹配结果添加换行符的最简单方法
- 当查询不在displayField中时,引导Ajax Typeahead不显示结果
- webpack代码拆分了handlerbs文件——结果是文件很大
- 如何在CasperJS中添加/追加我的结果到文本文件
- 在jquery中使用追加创建文本框和按钮(我得到重复的结果)
- 主干并循环访问集合,但结果未追加到 $(this.el)
- 使用JQuery将load()的结果追加到表中并对其进行格式化
- jquery追加结果输入按钮列表无法得到确切的值
- 使用ajax在ul标签中追加结果
- 无法在javascript中追加到表.错误:无法赋值给函数结果
- Jquery自动完成无结果追加为下拉子问题