a頁面上的數(shù)據(jù)通過url傳遞到b頁面后,如何存儲到html5的本地存儲中?要把html5:txtName,txtTitle,txtWords傳遞到本地存儲中。<form?>
????????????????<p>收件人:</p>
???????????????? <select?name="課程性質(zhì)"?id="txtName">
????????????????????????<option?value="全體師生">全體師生</option>
??????????????????????? <option?value="a老師">a老師</option>
??????????????????????? <option?value="b學(xué)生">b學(xué)生</option>
???????????????????</select>
????????????????<input?type="text"?name="txtName"?id="txtName"?required/>
???????????? <p>內(nèi)容:</p>
????????????????<textarea?type="text"?name="txtTitle"?id="txtTitle"?required?rows="10"?cols="80"/>
????????????????</textarea>
????????????????<p>發(fā)信人:</p><p?id="txtWords"></p>
???????????? <br?/>
???????? <input?type="button"?value="發(fā)送"?id="btnSave"?class="button"/>
???????? <input?type="button"?value="重置"?id="btnSave"?class="button"/>
????????</form>$(function?()?{
????????????initDatabase();
????????????$("#btnSave").click(function?()?{
????????????????var?txtName?=?$("#txtName").val();
????????????????var?txtTitle?=?$("#txtTitle").val();
????????????????var?txtWords?=?$("#txtWords").val();
????????????????var?db?=?getCurrentDb();
????????????????//插入數(shù)據(jù)
????????????????db.transaction(function?(trans)?{
????????????????????trans.executeSql("insert?into?Demo(uName,title,words)?values(?,?,?)?",?[txtName,?txtTitle,?txtWords],?function?(ts,?data)?{
????????????????????},?function?(ts,?message)?{
????????????????????????alert(message);
????????????????????});
????????????????});
????????????????hidedata();
????????????????showAllTheData();
????????????});
????????});
function?initDatabase()?{//初始化數(shù)據(jù)庫
????????????var?db?=?getCurrentDb();
????????????if(!db)?{
????????????????alert("您的瀏覽器不支持HTML5");
????????????????return;
????????????}
????????????db.transaction(function?(trans)?{
????????????????trans.executeSql("create?table?if?not?exists?Demo(uName?text?null,title?text?null,words?text?null)",?[],?function?(trans,?result)?{
????????????????????
????????????????},?function?(trans,?message)?{
????????????????????alert(message);
????????????????});
????????????},?function?(trans,?result)?{
????????????},?function?(trans,?message)?{
????????????});
????????}????
function?getCurrentDb()?{
????????????//打開數(shù)據(jù)庫,或者直接連接數(shù)據(jù)庫參數(shù):數(shù)據(jù)庫名稱,版本,概述,大小
????????????var?db?=?openDatabase("myDb",?"1.0",?"it's?to?save?demo?data!",?1024?*?1024);?;
????????????return?db;
?????????????
????????}
????????function?showAllTheData()?{
????????????$("#tblData").empty();
????????????var?db?=?getCurrentDb();
????????????db.transaction(function?(trans)?{
????????????????trans.executeSql("select?*?from?Demo?",?[],?function?(ts,?data)?{
????????????????????if?(data)?{
????????????????????????for?(var?i?=?0;?i?<?data.rows.length;?i++)?{
????????????????????????????appendDataToTable(data.rows.item(i));//獲取某行數(shù)據(jù)的json對象
????????????????????????}
????????????????????}
????????????????},?function?(ts,?message)?{
????????????????????alert(message);
????????????????????var?tst?=?message;
????????????????});
????????????});
????????}
????????function?appendDataToTable(data)?{//將數(shù)據(jù)展示到表格里面
????????????//uName,title,words
????????????var?txtName?=?data.uName;
????????????var?txtTitle?=?data.title;
????????????var?words?=?data.words;
????????????var?strHtml?=?"";
????????????strHtml?+=?"<tr>";
????????????strHtml?+=?"<td>"+txtName+"</td>";
????????????strHtml?+=?"<td>"?+?txtTitle?+?"</td>";
????????????strHtml?+=?"<td>"?+?words?+?"</td>";
????????????strHtml?+=?"</tr>";
????????????$("#tblData").prepend(strHtml);
????????}
????????function?hidedata(){
$("#txtTitle").empty();
alert("信息已發(fā)送。");
}上面是關(guān)于html5本地數(shù)據(jù)庫調(diào)用。txtWords的值是由url傳遞過來的:function?url2object(str)?{
if(!str)?{
str?=?window.location.search;
}
str?=?str.substring(1);?//?去掉問號?
var?keyVals?=?str.split('&');?//?按&分割?
var?params?=?{};?
for?(var?i?=?0;?i?<?keyVals.length;?i++)?{?
var?keyVal?=?keyVals[i];?//?按照=分割?
var?splitIndex?=?keyVal.indexOf('=');?
if?(splitIndex?!==?-1)?{?
params[keyVal.substring(0,?splitIndex)]?=?keyVal.substring(splitIndex?+?1);?
}?
}?
var?helloword="歡迎您,"+str;
???? $('#name-motion').text(helloword);
???? $('#txtWords').text(str);
return?params;
}調(diào)試的時候發(fā)現(xiàn)txtWords怎么都傳不上數(shù)據(jù)庫。求大神看一下!謝謝!
關(guān)于js的數(shù)據(jù)傳遞
qq_蹁躚影驚鴻_0
2017-04-06 16:54:26