我找不到为什么.getJSON在通过条件语句调用父函数时抛出错误。当if语句被注释掉时,似乎没有问题,并且.getJSON被调用。但是,我希望用户完成其输入(通过按Enter键指示)。
的HTML
<div class="text-center searchBar">
<form action="">
<input type="text" id="searchText" />
</form>
</div>
<div class="container displayResults"> </div>
的JavaScript:
$(document).ready(function() {
$('#searchText').keyup(function(e) {
var searchItem = $('#searchText').val();
var link = 'https://en.wikipedia.org/w/api.php?action=query&prop=extracts|info&exintro&exlimit=max&inprop=url&generator=search&gsroffset=&format=json&formatversion=2&callback=?&gsrsearch=' + searchItem;
if(e.which == 13) { //if user returns enter key
wikiCall(link);
}
});
});
function wikiCall(wikiLink) {
$.getJSON(wikiLink, function(searchResults) {
for (var i = 0; i < searchResults.query.pages.length; i++) {
$(".displayResults").append("<div class='searchResultsContainer'><span style='font-weight:bold; font-size:150%; margin-bottom:100px;'>" + searchResults.query.pages[i].title + "</span><br></br>" + searchResults.query.pages[i].extract + "</div>");
$(".displayResults").append("<br>");
}
}).fail(function(jqxhr,textStatus,error){
alert(textStatus+": "+error);
});
}
什么是错误..? – fzxt
您可能想尝试禁用表单提交事件。 ('submit',function(e){e.preventDefault(); return false;});'''当用户按下回车键时避免表单提交。在将数据附加到主体之前,还要检查响应是否具有“查询”键。 – LucasFerreira
@LucasFerreira谢谢,避免输入时按下提交表单提供的技巧。 – CodingerSK