如何使用javascript将数据显示为HTML [英] How to display data to HTML using javascript
本文介绍了如何使用javascript将数据显示为HTML的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有一个问题,使用javascript显示数据到HTML。我创建的代码只显示最新的数据,而不是整个数据。我在我的开发中使用phonegap。这里是代码:
I have a problem for displaying the data to HTML using javascript. The code that i create only display the latest data instead of the whole data. I use phonegap in my development. Here is the code:
var oldHtml = document.getElementById("favorite-table-id").innerHTML;
for(var i=0; i<courseIdResult.length;i++) {
//var idResult = courseIdResult[i];
db.transaction(
function(tx) {
var query='SELECT Title,Institution_Id,FullTime,EntryScore,Prerequisites FROM Course WHERE Id='+courseIdResult[i];
tx.executeSql(query,[],function(tx,resultSet) {
console.log("Test 0");
var row = resultSet.rows.item(0);
var newHTML = "<tr> <td> <table> <tr> <td width=1% style='white-space:nowrap;font-weight:bold' align='left'>" +row['Title']+"-"+row['Institution_Id'] +
"</td> <td align='right' style='vertical-align:middle;' rowspan=2> <a href='#'><span class='glyphicon glyphicon-star'></span></a> </td></tr> <tr> <td width=1% style='white-space:nowrap'>" +
"Years:"+row['FullTime']+ " ATAR:"+row['EntryScore']+ " Prereq:"+row['Prerequisites']+
"</td> </tr> </table> </td> </tr>";
document.getElementById("favorite-table-id").innerHTML= oldHtml + newHTML;
},errorCB);
},errorCB
);
}
变量courseIdResult是我的查询的ID,但是,每次循环进度,document.getElementById(favorite-table-id)的值。innerHTML总是覆盖,请帮我解决这个问题。
variable courseIdResult is an ID for my query and i am using loop to get the data. However, everytime the loop progress, the value of document.getElementById("favorite-table-id").innerHTML is always overwrite. Please help me to solve this problem.
谢谢
推荐答案
var q = "";
for (var i = 0; i < courseIdResult.length; i++) {
q += (q == "" ? "" : ", ") + "?";
}
var query = 'SELECT Title,Institution_Id,FullTime,EntryScore,Prerequisites FROM Course WHERE Id IN (' + q + ')';
var db = CreateDB();
var row = '';
db.transaction(populateDB, errorDB, successDB);
function populateDB(tx) {
tx.executeSql(query, courseIdResult, function (tx, results) {
var len = results.rows.length;
var arrSectionTableName = [];
if (len > 0) {
$("#favorite-table-id").empty();
var newHTML = "";
for (var i = 0; i < len; i++) {
newHTML += "<tr> <td> <table> <tr> <td width=1% style='white-space:nowrap;font-weight:bold' align='left'>" +row['Title']+"-"+row['Institution_Id'] +
"</td> <td align='right' style='vertical-align:middle;' rowspan=2> <a href='#'><span class='glyphicon glyphicon-star'></span></a> </td></tr> <tr> <td width=1% style='white-space:nowrap'>" +
"Years:"+row['FullTime']+ " ATAR:"+row['EntryScore']+ " Prereq:"+row['Prerequisites']+
"</td> </tr> </table> </td> </tr>";
}
$('#"favorite-table-id"').val(newHTML);
//Refresh your control,eg if it is a listview
$('#favorite-table-id').listview('refresh');
}
});
}
function errorDB(err) {
alert("Error processing SQL " + err.message);
}
function successDB() {
}
这篇关于如何使用javascript将数据显示为HTML的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文