我正在为用户创建个人资料页面。我有两个html页面:page1:login.html和page2:profile.html。我们从一页:1登录,成功登录后,它将重定向到userProfile页:2。我正在以JSON的形式将用户信息从第1页发送到第2页,例如姓名,地址,手机号码,电子邮件ID等,
我想使用会话,而不是localStorage
JSON的格式为
[{"userInfo":{"id":"1","username":"nee","Name":"Neelabh", "address":"Bangalore","Email":"[email protected]"}}]
我使用以下参考资料寻求帮助:JqueryMobile(JQM),Json并将数据传递到新页面
登录页面中的JavaScript:
<script type="text/javascript">
$(document).ready(function(){
var userData = {
storeUserDataInSession: function(userData) {
var userObjectString = JSON.stringify(userData);
window.sessionStorage.setItem('userObject',userObjectString)
},
getUserDataFromSession: function() {
var userData = window.sessionStorage.getItem('userObject')
return JSON.parse(userData);
}
}
$("#register-form-header").submit(function(){
var uName = $('#userName').val();
var upassd=$('#password').val();
$.ajax({
url:"http://localhost/login/login.php",
type:"POST",
dataType:"json",
data:{type:"login",uName:uName,password:upassd},
ContentType:"application/json",
success: function(response){
$.each(response, function(index,value){
});
//alert(JSON.stringify(response[0]));
userData.storeUserDataInSession(response);
window.location = 'userProfile.html';
return false;
},
error: function(err){
//alert(JSON.stringify(err));
alert("fail");
window.location.href = 'error.html';
}
});
return false;
});
//loadJSON(0);
});
</script>
个人资料页面中的javascript
<script>
$( document ).ready(function() {
var userData = {
storeUserDataInSession: function(userData) {
var userObjectString = JSON.stringify(userData);
window.sessionStorage.setItem('userObject',userObjectString)
},
getUserDataFromSession: function() {
var userData = window.sessionStorage.getItem('userObject')
return JSON.parse(userData);
}
}
var userDataObject=userData.getUserDataFromSession();
var data=userDataObject[0].userInfo.username;
alert(data);
});
</script>
此个人资料页面成功完全能够打印HardcodedInfo“ Neelabh”,我不知道如何将JSON数据数组发送到其他页面,请检查我是否提到了Json Data数组,
PHP代码
$result=mysql_query($query);
$totalRows=mysql_num_rows($result);
if($totalRows>0){
$recipes=array();
while($recipe=mysql_fetch_array($result, MYSQL_ASSOC)){
$recipes[]=array('userInfo'=>$recipe);
}
echo json_encode($recipes);
}
上面的代码是工作代码感谢Mateusz Majewski
var userData = {
storeUserDataInSession: function(userData) {
var userObjectString = JSON.stringify(userData);
window.sessionStorage.setItem('userObject',userObjectString)
},
getUserDataFromSession: function() {
var userData = window.sessionStorage.getItem('userObject')
return JSON.parse(userData);
}
}
然后在您的success()回调中
userData.storeUserDataInSession(response);
检索您运行的数据
userData.getUserDataFromSession()
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句