JSON隐藏“;空”;数据
JSON hide "null" data
我有一个JSON文件,并且显示在引导程序表中。
这是我用来显示的代码:
$(document).ready(function(){
$.getJSON(url, function(data){
content = '<h1><p class="p1"><span class="s1">' +
data.test.name + '</span></p></h1><table class="table table-bordered"><tbody><tr><td>Section:</td><td>' +
data.test.section + '</td></tr><tr><td>Synonyms:</td><td>' +
data.test.synonyms + '</td></tr><tr><td>Container:</td><td>' +
data.test.container + '</td></tr><tr><td>Reference Ranges:</td><td>' +
data.test.reference + '</td></tr><tr><td>Availability:</td><td>' +
data.test.availability + '</td></tr><tr><td>Special Handling:</td><td>' +
data.test.specialHandling + '</td></tr><tr><td>Additional Comments:</td><td>' +
data.test.additionalComments + '</td></tr></tbody></table>';
$(content).appendTo("#main");
$("#main").fadeIn( );
});
});
我想隐藏任何=为"null"的值,这让我很难过。
如果您只想要空值,并且没有返回任何可能的伪值,这将适用于空值和缺失值:
适应小提琴演奏
工作Fiddle
var data = {
test: {
name: "bob",
section: null,
synonyms: "this, that",
container: "box",
reference: null,
availability: null,
specialHandling: "be careful",
additionalComments: "No comment"
}
};
var content = '<h1><p class="p1"><span class="s1">' +
(data.test.name || '') + '</span></p></h1><table class="table table-bordered"><tbody><tr><td>Section:</td><td>' +
(data.test.section || '') + '</td></tr><tr><td>Synonyms:</td><td>' +
(data.test.synonyms || '') + '</td></tr><tr><td>Container:</td><td>' +
(data.test.container || '') + '</td></tr><tr><td>Reference Ranges:</td><td>' +
(data.test.reference || '') + '</td></tr><tr><td>Availability:</td><td>' +
(data.test.availability || '') + '</td></tr><tr><td>Special Handling:</td><td>' +
(data.test.specialHandling || '') + '</td></tr><tr><td>Additional Comments:</td><td>' +
(data.test.additionalComments || '') + '</td></tr></tbody></table>';
$(content).appendTo("#main");
$("#main").fadeIn( );
版本2
此版本使用scrub函数来删除其他值,如"()"。如果添加更多的条件,那么重新审视擦除逻辑可能是个好主意。。。
工作小提琴
// Sample dataset
var data = {
test: {
"name": "RNA Polymerase III Antibody",
"id": 96800,
"container": null,
"reference": null,
"section": null,
"synonyms": "()",
"availability": null,
"specialHandling": null,
"additionalComments": null
}
};
// Extra assignment kept for clarity
function scrub(inStr) {
inStr = inStr || ''; // Set to self if it is a truthy value
inStr = "()" === inStr ? '' : inStr;
return inStr;
}
var content = '<h1><p class="p1"><span class="s1">' +
scrub(data.test.name) + '</span></p></h1><table class="table table-bordered"><tbody><tr><td>Section:</td><td>' +
scrub(data.test.section) + '</td></tr><tr><td>Synonyms:</td><td>' +
scrub(data.test.synonyms) + '</td></tr><tr><td>Container:</td><td>' +
scrub(data.test.container) + '</td></tr><tr><td>Reference Ranges:</td><td>' +
scrub(data.test.reference) + '</td></tr><tr><td>Availability:</td><td>' +
scrub(data.test.availability) + '</td></tr><tr><td>Special Handling:</td><td>' +
scrub(data.test.specialHandling) + '</td></tr><tr><td>Additional Comments:</td><td>' +
scrub(data.test.additionalComments) + '</td></tr></tbody></table>';
$(content).appendTo("#main");
$("#main").fadeIn( );
正如前面提到的注释,您没有说明希望如何输出值以下是应该让你开始的东西:
假设我们已将此数据返回
var data = {};
data.test = {
section: "mySection",
synonyms: "mySyn",
container: "myContainer",
reference: undefined,
availability: "myAvail",
specialHandling : undefined,
additionalComments: "myComment"
}
你有一个与你的数据密钥相同的对象。测试
var labels = {};
labels.test = {
section: "Section",
synonyms: "Synonyms",
container: "Container",
reference: "Reference Ranges",
availability: "Availability",
specialHandling: "Special Handling" ,
additionalComments: "Additional Comments"
}
以下功能可以写入数据
function writeTablerow(labels, data){
for (var key in data) {
if (data.hasOwnProperty(key) && data[key] !== undefined) {
console.log(labels[key], data[key]);
}
}
};
你可以这样称呼它:
writeTablerow(labels.test, data.test);
相关文章:
- 无法使用变量访问数据 JSON
- 使用 ng-repeat解析不均匀数据/ json对象
- 在没有jsonp的情况下从另一个域获取数据(json格式)
- 如何获取带参数的数据json
- 如何在android中显示实时雅虎金融股票数据..json格式如下所示
- 使用 JavaScript 将数据 json 显示到网页中
- 高位图表来源于API数据(JSON)
- 使用动态数据json初始化同位素
- Django:将数据JSON从视图传递给javascript
- 存储配置数据 (json)
- 未捕获的SyntaxError:意外的标识符图像数据json
- 接收数据json/jquery
- Jquery数据表数据json
- 不能在cakephp中使用数组数据json
- 在不锁定浏览器的情况下,将大数据JSON从REST请求反序列化为对象
- 如何读取数据JSON格式数组的字符串数据
- 我有一个流星应用程序,需要从/public/_assets/results/mmresults读取数据.Json文件,在
- 数据json不显示在html
- 使用2个下拉列表创建2个并排的表行来比较数据- JSON
- 需要将复杂的json对象转换为合适的angularjs UI树数据json结构