【发布时间】：2018-02-14 04:33:43
【问题描述】：
my 代码正常，输出进入控制台。但在我的跨度标记结果（名字）中显示未定义。我不明白是什么问题。谁能帮我解决这个问题？我怎样才能摆脱这个问题？
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Search Baby name</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.1.1.min.js"></script>
</head>
<body>
<div class="first_div" id="div_id">
<div><p> Baby Names</p></div>
<div><p> HOW UNIQUE IS YOUR CHILD NAMES IS ?</p></div>
Enter Full Name : <input type="text" id="input_id" class="input_class">
<input type="button" class="btn_class" id="btn_id" value="search">
</br>
<span id="result"> </span>
</div>
</body>
</html>
<script>
function insertWord(tree, string) {
var keys = Object.keys(tree),
result = keys.some(function (k) {
var i = 0;
if (string.substr(0, k.length) === k) {
string.slice(k.length);
return true;
}
while (k[i] == string[i] && i < k.length) {
i++;
}
if (i) {
var id = k.slice(0, i);
tree[id] = {
[k.slice(i)]: tree[k], [string.slice(i)]: 0
}
;
delete tree[k];
return true;
}
}
);
if (!result) {
tree[string] = 0;
}
}
$(document).ready(function () {
localStorage.clear();
$('#input_id').keyup(function (e) {
fsname = $('#input_id').val();
var data = fsname.trim();
var msg = $('#result');
msg.empty();
var localdata = localStorage.getItem(data);
if (data) {
if (localdata == null) {
$.ajax({
url: "search.php",
method: "post",
data: {
input: data
},
dataType: "",
success: function (name) {
var getdata = JSON.parse(name);
var tree = {};
getdata.forEach(insertWord.bind(null, tree));
localStorage.setItem(data, JSON.stringify(tree));
console.log(JSON.parse(localStorage.getItem(data)));
console.log(getdata);
var s = getdata.length;
for (var j = 0; j < s; j++) {
if (getdata[j].surname) {
var show = '<div id="result">' + getdata[j].firstname + " " + getdata[j].surname + '</div>';
msg.append(show);
} else {
var show1 = '<div id="result">' + getdata[j].firstname + '</div>';
msg.append(show1);
}
}
}
});
} else {
var getdata = JSON.parse(localdata);
var s = getdata.length;
for (var j = 0; j < s; j++) {
if (getdata[j].surname) {
var show = '<div id="result">' + getdata[j].firstname + " " + getdata[j].surname + '</div>';
msg.append(show);
} else {
var show1 = '<div id="result">' + getdata[j].firstname + '</div>';
msg.append(show1);
}
}
}
}
})
});
</script>
我想要我的名字。但它显示未定义。我怎么解决这个问题？在控制台中，我的输出还不错。和保存在本地存储中的数据。
【问题讨论】：
-
want my firstname here在哪里？but it shows undefined是什么？ -
if (getdata[j].surname) ...我想要我的预期结果。在 if else 条件下。你找到我了吗？
-
所以
getdata[j].surname未定义？localdata当时是什么样子的？ 你找到我了 - 是的，没必要粗鲁 - 我的意思是，到目前为止 90% 的代码都是来自 so 的代码 -
我无法运行此代码，因为它有脚本错误和不平衡的 html 标签
-
其实不是。我的预期结果是 undefined 。当按下一个键。结果出现在显示未定义的 span 标签中。
标签： javascript trie