a頁面上的數據通過url傳遞到b頁面后,如何存儲到html5的本地存儲中?要把html5:txtName,txtTitle,txtWords傳遞到本地存儲中。<form?>
????????????????<p>收件人:</p>
???????????????? <select?name="課程性質"?id="txtName">
????????????????????????<option?value="全體師生">全體師生</option>
??????????????????????? <option?value="a老師">a老師</option>
??????????????????????? <option?value="b學生">b學生</option>
???????????????????</select>
????????????????<input?type="text"?name="txtName"?id="txtName"?required/>
???????????? <p>內容:</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();
????????????????//插入數據
????????????????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()?{//初始化數據庫
????????????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()?{
????????????//打開數據庫,或者直接連接數據庫參數:數據庫名稱,版本,概述,大小
????????????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));//獲取某行數據的json對象
????????????????????????}
????????????????????}
????????????????},?function?(ts,?message)?{
????????????????????alert(message);
????????????????????var?tst?=?message;
????????????????});
????????????});
????????}
????????function?appendDataToTable(data)?{//將數據展示到表格里面
????????????//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ā)送。");
}上面是關于html5本地數據庫調用。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;
}調試的時候發(fā)現txtWords怎么都傳不上數據庫。求大神看一下!謝謝!
關于js的數據傳遞
qq_蹁躚影驚鴻_0
2017-04-06 16:54:26