为了账号安全,请及时绑定邮箱和手机立即绑定

关于JSON.parse()的问题

关于JSON.parse()的问题

慕桂英546537 2019-08-03 10:03:43
//保存数据 function save(){ var contact = new Object; contact.user_name = document.getElementById("user_name").value; contact.mobilephone = document.getElementById("mobilephone").value; contact.company = document.getElementById("company").value; var str = JSON.stringify(contact); localStorage.setItem(contact.mobilephone,str); loadAll();} //查找数据 function find(){var search_phone = document.getElementById("search_phone").value;var name = localStorage.getItem(search_phone);var mobilephone = localStorage.key(name);var str = localStorage.getItem(contact.mobilephone); var contact = JSON.parse(str);var find_result = document.getElementById("find_result"); find_result.innerHTML = search_phone + "的机主是:" +contact.user_name; } 在查询数据的代码中想要通过JSON.parse()来获取准确的储存在本地上的值,但是那里错误呢?
查看完整描述

3 回答

?
拉风的咖菲猫

TA贡献1995条经验 获得超2个赞

contact对象没有定义,localStorage.key方法乱用

你的数据结构里头mobilephone===search_phone,不然localStorage取出来的是null哇,要判断一下的

1

2

3

4

5

6

7

function find(){

    var str=localStorage[document.getElementById("search_phone").value];

    if(str){

        var contact=JSON.parse(str);

        document.getElementById("find_result").innerHTML=contact.mobilephone+"的机主是:" +contact.user_name; 

    }

}


 




查看完整回答
反对 回复 2019-08-05
?
墨色风雨

TA贡献1853条经验 获得超6个赞

<html>
<body>
<h2>通过 JSON 字符串来创建对象</h3>
<p>
text1: <span id="text1"></span><br />
text2: <span id="text2"></span><br />
</p>
<script type="text/javascript">
var txt = '{"message":"the response was sucessful","type":"success"}';

obj = JSON.parse(txt);

document.getElementById("text1").innerHTML=obj.message
document.getElementById("text2").innerHTML=obj.type
</script>
</body>
</html>




查看完整回答
反对 回复 2019-08-05
?
慕斯709654

TA贡献1840条经验 获得超5个赞

$.ajax({
type: "POST",
url:"/i/ajax/get_cp_data",

success: function(data) {
if (data) {
var json = $.parseJSON(data);
cat_obj.success(json);

}
}
});




查看完整回答
反对 回复 2019-08-05
  • 3 回答
  • 0 关注
  • 282 浏览

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号