选中复选框时,将值附加到 JSON 网址并自动刷新 JSON
Append value to JSON url, when checking a checkbox and automatically refresh JSON
我真的需要一些帮助。
<div id="entrylist"></div>
var urlSource = "http://www.example.com/catgories=Cat1,Cat,2,Cat3";
$.getJSON(urlSource, function(data){
$.each(data, function(i,entry){
if(entry.LiveStatus == 3) {
content = '<div class="row filmate">';
content += '<div class="large-4 columns no-padding">';
content += '<a href="#" onclick="playVideo('' + entry.VideoStreamUrl + '')"><img src="' + entry.ThumnailUrl + '" /></a><p>' + entry.Viewers + '<img src="img/eyes.png" /></p>';
content += '</div>';
content += '<div class="large-8 columns no-padding">';
content += '<h2>' + entry.Title + '</h2>';
content += '</div>';
content += '</div>';
} else if(entry.LiveStatus == 2) {
content = '<div class="row filmate">';
content += '<div class="large-12 columns no-padding">';
content += '<h2>' + entry.Title + '</h2>';
content += '</div>';
content += '<div class="large-12 columns no-padding">';
content += '<a href="#" data-reveal-id="myModal"><img id="ls-3" src="' + entry.ThumnailUrl + '" /></a><p>' + entry.Viewers + '<img src="img/eyes.png" /></p>';
content += '</div>';
content += '</div>';
} else if(entry.LiveStatus == 1) {
content = '<div class="row filmate">';
content += '<div class="large-12 columns no-padding">';
content += '<h2>' + entry.Title + '</h2>';
content += '</div>';
content += '<div class="large-12 columns no-padding">';
content += 'in direct<img src="' + entry.ThumnailUrl + '" /><p>' + entry.Viewers + '<img src="img/eyes.png" /></p>';
content += '</div>';
content += '</div>';
} else {
content = '<div class="row planificat">';
content += '<div class="large-12 columns planned no-padding">';
content += '<h2>' + entry.Title + '</h2>';
content += '<p>planificat</p>';
content += '</div>';
content += '</div>';
};
$(content).appendTo("#entrylist");
});
});
这是我的JSON获取和发布代码。请给我一个提示,说明如何:
- 选中复选框时,将类别附加到 urlSource 变量。
- 选中该复选框后,重新加载 JSON 并显示新选项
提前谢谢你!
使用jquery中的.val() - 这将从表单中获取值,然后将其附加到URL中。
http://api.jquery.com/val/
对于这样的事情,我建议查看jquery文档是一个很好的第一站,因为它可以为您提供有关如何解决此类问题的想法。
相关文章:
- 如何检查Json文件更新,如果更新了,则用更新的数据刷新我的页面
- dojo-dgrid带有store from url(json数据)重载/刷新按钮
- 如何使用新的JSON数据刷新jsTree
- AngularJS、DropzoneJS、JSON——上传成功后刷新文件列表
- Bootstrap模态主体:Json在上传Codeigniter后刷新
- 在页面刷新时使用 jQuery 重新加载 JSON 文件
- 从 json 接收的 jQuery 刷新数据
- Json 循环以随机化每次页面刷新
- 每 5 秒刷新一次 JSON 填充图表的内容
- 谷歌图表API和自动刷新json数据中的多个仪表
- 以 JSON 格式重新加载/刷新页面
- 打开包含 JSON 数据的新页面,而无需刷新页面
- 在 AngularJS 中删除对象后刷新 JSON
- 选中复选框时,将值附加到 JSON 网址并自动刷新 JSON
- 在不刷新页面的情况下更新 json 数据
- 如何在不刷新页面的情况下将 JSON 数据添加到表中
- 通过ajax提交表单,通过JSON从servlet回复,无需刷新页面
- 如何使用ajax/json刷新页面部分
- 自动刷新json而不重新加载
- ajax json天气自动刷新数据