如何从第一页上显示的列表中选择记录并在另一页上显示

时间:2012-07-09 03:25:35

标签: javascript html web-sql

这是第三次,我想明确我的问题。所以在第一页我显示我保存在数据库中的整个记录​​,当我想在第二页查看所选的详细信息时,我需要单击所选数据并查看,但没有任何反应,我不知道如何链接VIEW到第二页,可以显示所有数据,我已经捕获了图片,希望你们都能帮助我,非常感谢。

这是第一页

This is First page

这是我要在文本字段中显示详细信息的第二页 This is the second page that i want to show the detail in the text field

编码是这样的(第一页::显示整个记录并链接到第二页)

    function showRecords(){
    results.innerHTML='';
    db.transaction(function(tx)
    {
        tx.executeSql(selectAll,[],function(tx,result)
        {
            dataset = result.rows;
            for(var i=0,item=null;i<dataset.length;i++)
            {
                item = dataset.item(i);
                results.innerHTML+=
                '<li>' + item['fname'] + ' <a href="#" onclick="loadRecord('+i+')">view</a>'+'<a href="#" onclick="deletetab('+item['id']+')">delete</a>'+'</li>';
            }
        });
    });
}

function loadRecord(i){
    var item=dataset.item(i);
    fname.value = item['fname'];
    id.value = item['id'];
    window.location.href="userup2.html?loadRecord("+i+")";
    return false;
}

请给我一些想法和示例,即时通讯使用web sql来存储数据,我已经问了几次这个问题,我和html和javascript的新手,请帮助我,这很重要。

1 个答案:

答案 0 :(得分:1)

是的,您可以使用查询字符串来实现它。由于我不知道web-sql,我将向您展示如何在第一页中将查询字符串添加到url以及如何在第二页中检索它。

JS CODE:

function loadRecord(i){ 
    var item=dataset.item(i); 
    fname.value = item['fname']; 
    id.value = item['id']; 
    window.location.href="userup2.html?id="+i; 
    return false; 
} 

在上面的函数中,我们将i(一条记录的id)添加为查询字符串。

function getUrlVars()
{
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars;
}

此代码将帮助您从url获取查询字符串。

示例:

var id = getUrlVars()["id"];

以上行将帮助您获取您在第一页中传递的ID,并且您可以使用它来从数据库中删除详细信息。

希望这可以帮助你:)