Javascript 使用jQuery调用Web API
我有以下错误： 我可以使用名称从我的Javascript 使用jQuery调用Web API,javascript,jquery,arrays,json,Javascript,Jquery,Arrays,Json,我有以下错误： 我可以使用名称从我的.json文件中搜索，但我也希望同时使用ID进行搜索。我浏览了w3schools的jQuery遍历方法，但找不到我想要的答案 我的第二个问题是，我使用了一个jQuery自动完成插件，但它似乎对我的内容不起作用。我错过了什么？我应该关注什么 以下是我的代码： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>
.json<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Kunde</title>
<script src="autocomplete/jquery.easy-autocomplete.min.js"></script>
<link href="autocomplete/easy-autocomplete.min.css" rel="stylesheet" />
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.0.3.min.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link href="custom.css" rel="stylesheet" />
</head>
<body>
<div class="container">
<div class="jumbotron">
<h2>ToolBox Search</h2>
<h3>Search by ID or NAME </h3>
<input type="text" id="KUNDE" size="50" />
<input type="button" value="Search" onclick="find();" />
</div>
<ul></ul>
<div class="footer"><p> © Copyright 2016</p> <strong><a href="http://rackpeople.com/">RackPeople</a></strong>.</div>
</div>
<script>
var uri = 'json.json';
function find() {
var info = $('#KUNDE').val();
$.getJSON(uri).done(function (data) {
var item = data.filter(function (obj) {
return obj.name === info;
})[0];
if (typeof item !== 'undefined' || item !== null) {
$("ul").append("<li>" + 'ID = ' + item.ID, 'Name = ' + item.name, "<br />" + 'Phone = ' + item.phone, "<br />" + 'Contact = ' + item.contact, "<br />" + 'BalanceLCY = ' + item.balanceLCY, "<br />" + 'CreditLimitLCY = ' + item.creditLimitLCY, "</li>")
}
}).fail(function (jqXHR, textStatus, err) {
$('#RESULTS').text('Error: ' + err);
});
}
var options = {
url: "json.json",
getValue: "name",
list: {
match: {
enabled: true
}
},
theme: "square"
};
$("#KUNDE").easyAutocomplete(options);
</script>
</body>
</html>
昆德
工具箱搜索
按ID或名称搜索
©版权所有2016。
var uri='json.json'；
函数find（）{
var info=$（'#KUNDE'）.val（）；
$.getJSON（uri）.done（函数（数据）{
变量项=数据过滤器（功能（obj）{
返回obj.name==info；
})[0];
如果（项目类型！='undefined'| |项目！==null）{
$（“ul”）.append（“”+'ID='+item.ID，'Name='+item.Name，“
”+'Phone='+item.Phone，“
”+'Contact='+item.Contact，“
”+'BalanceLCY='+item.BalanceLCY，“
”+'CreditLimitLCY='+item.CreditLimitLCY， ”）
}
}).fail（函数（jqXHR、textStatus、err）{
$（'#RESULTS'）.text（'Error:'+err）；
});
}
变量选项={
url:“json.json”，
getValue:“名称”，
名单：{
匹配：{
已启用：true
}
},
主题：“广场”
};
$（“#KUNDE”）.easyAutocomplete（可选）；
json.jsonjquery.easy autocomplete.min.jsjquery-2.0.3.min.jsjson.jsonjquery.easy autocomplete.min.jsjquery-2.0.3.min.js