如何使用 SQLite 数据创建 Javascript var？答案

【问题标题】：How do I create a Javascript var using SQLite data?如何使用 SQLite 数据创建 Javascript var？
【发布时间】：2013-10-26 01:30:35
【问题描述】：

我能够使用 Missing Manual 系列 JavaScript 版提供的示例非常有帮助！

OG.Q. 我环顾四周，尝试了几种不同的方法，但未能找到解决方案。

我想要做什么。

将用户输入保存在 sglite 数据库中，完成..
检索 sqlite 数据作为 javascript 变量，我认为这是我的问题。
使用变量作为 ajaxURL 来检索 json，或者这是什么问题。

Javascript

<script>

$(document).ready(function() {
    var db = openDatabase ("Test", "1.0", "Test", 65535);
    $db.transaction (function (transaction) 
    {
        var sql = "SELECT * FROM scprofiles";
        transaction.executeSql (sql, undefined, 
        function (transaction, result)
        { 
             //I think this is the problem host, id and name are stored in sqlite

            var URL = "http://" + host + "/web/" + id + "/1/" + name + "/";
            var jsonFormat = "?format=json&callback=?";   
            var ajaxURL = URL + jsonFormat;
            $.getJSON(ajaxURL,function(data) {
                $('h1').text(data.displayName);
                $('#stuff').text(data.user.info); 
            });
        }error);
    });
}); //db.transaction

function ok ()
{
}

function error (transaction, err) 
{
    alert ("DB error : " + err.message);
    return false;
} 
}); // end ready
</script>

然后是html

<div class="content">
    <div class="main">
        <h1>JSON Data</h1>
        <div id="stuff"></div>
        <br class="clearLeft">
    </div>
</div>

非常感谢任何建议！

布伦特-

【问题讨论】：

标签： javascript jquery ajax sqlite var

【解决方案1】：

解决方案

<!DOCTYPE html>
<html lang="en">
<head>  
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale = 1.0">
<meta charset="utf-8">
<title>Read Text</title>
<link rel="stylesheet" href="inc/jquery/j.m-1.3.2.css" /> 
<link rel="stylesheet" href="inc/jquery/ld.min.css" />
<script src="inc/jquery/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="inc/jquery/scdata-10.js"> </script>
<script src="inc/jquery/j.m-1.3.2.js"></script>
<script>
function saveData() {
  var bnetName = document.getElementById("bnetName").value;
  localStorage["bnetName"] = bnetName;  
  var bnetID = document.getElementById("bnetID").value;
  localStorage["bnetID"] = bnetID;  
  var bnetRegion = document.getElementById("bnetRegion").value;
  localStorage["bnetRegion"] = bnetRegion;  
  location.reload();
}
function loadData() {
  var bnetName = localStorage["bnetName"];  
  var bnetID = localStorage["bnetID"];  
  var bnetRegion = localStorage["bnetRegion"];  
  if (bnetName != null) {
    document.getElementById("bnetName").value = bnetName;
      }
  if (bnetID != null) { 
  document.getElementById("bnetID").value = bnetID;

      }
  if (bnetRegion != null) {
  document.getElementById("bnetRegion").value = bnetRegion;
  }
}
$(document).ready(function () // Call function when page is ready for load..
{
    var URL = "http://" +  localStorage.bnetRegion + "/api/sc2/profile/" + localStorage.bnetID + "/1/" + localStorage.bnetName + "/";
    var jsonFormat = "?format=json&callback=?";   
    var ajaxURL = URL + jsonFormat;
$.getJSON(ajaxURL,function(data) {
$('#results').html( data.displayName + " " + localStorage.bnetRegion + " " + localStorage.bnetID + " <button onclick=' "+ loadData() + " '>Edit</button>" );
    });
});
</script>
</head>
<body>
<div data-role="page" id="home">
  <div data-role="header">
    <h1>Add StarCraft II Profile</h1>
    <a href="data.html" data-shadow="false" data-iconshadow="false" data-icon="arrow-l" data-iconpos="notext" data-ajax="false">Back</a>
  </div>
  <div data-role="content">
  <fieldset>
    <span> bnet Name </span>
    <input type="text" id="bnetName"><br />
    <span> bnet ID </span>
    <input type="text" id="bnetID"><br />
                <label for="bnetRegion" class="label">Region Host</label>
                <select name="bnetRegion" id="bnetRegion"  data-mini="true" data-inline="true" title="Please choose region host.">
                    <option>--Please select one--</option>
                    <option value="us.battle.net">US</option>
                    <option value="eu.battle.net">EU</option>
                    <option value="kr.battle.net">KR</option>
                    <option value="tw.battle.net">TW</option>
                    <option value="www.battlenet.com.cn">CN</option>
                    <option value="sea.battle.net">SEA</option>
                </select>
  </fieldset>
  <div>
    <button onclick="saveData()">Save</button>
  </div>
        <div id="results">
        </div>
</div>
</body>
</html>

【讨论】：