Javascript OMDB Api Jquery自动完成问题呈现
我使用OMDBAPI列出电影,并在ajax中使用ajax,但在渲染时遇到问题 console.log:Javascript OMDB Api Jquery自动完成问题呈现,javascript,jquery,autocomplete,jquery-ui-autocomplete,omdbapi,Javascript,Jquery,Autocomplete,Jquery Ui Autocomplete,Omdbapi,我使用OMDBAPI列出电影,并在ajax中使用ajax,但在渲染时遇到问题 console.log: $(函数(){ $(“#搜索”)。自动完成({ 来源:功能(请求、响应){ $.ajax({ 网址:'http://www.omdbapi.com?s=“+request.term+”&apikey=daee70b3', 数据类型:“json”, 数据:{ 电影:request.term }, 成功:功能(数据){ 每个(data.Search,函数(索引,项){ var imdb=item.
$(函数(){
$(“#搜索”)。自动完成({
来源:功能(请求、响应){
$.ajax({
网址:'http://www.omdbapi.com?s=“+request.term+”&apikey=daee70b3',
数据类型:“json”,
数据:{
电影:request.term
},
成功:功能(数据){
每个(data.Search,函数(索引,项){
var imdb=item.imdbID;
$.ajax({
网址:'http://www.omdbapi.com?i=“+imdb+”&apikey=daee70b3',
数据类型:“json”,
数据:{
电影资料:imdb
},
成功:功能(数据){
控制台日志(数据);
}
});
});
答复(数据搜索);
}
});
}
});
$(“#搜索”).data('ui-autocomplete')。_renderItem=函数(ul,项){
变量$li=$(“”);
$li.html(
'' +
''+项目.标题+''
);
返回$li.appendTo(ul);
};
});
我首先要做的是用“电影标题”列出电影,然后用“imdbID”显示详细信息“我该怎么做?”minLength不起作用:(
以这种方式解决的问题
$(函数(){
$(“#搜索”)。自动完成({
来源:功能(请求、响应){
$.ajax({
网址:'http://www.omdbapi.com?s=“+request.term+”&apikey=daee70b3',
数据类型:“json”,
数据:{
电影:request.term
},
成功:功能(数据){
var=[];
每个(data.Search,函数(索引,项){
var imdb=item.imdbID;
$.ajax({
网址:'http://www.omdbapi.com?i=“+imdb+”&apikey=daee70b3',
数据类型:“json”,
数据:{
电影资料:imdb
},
成功:功能(数据){
推送(数据);
响应(movies.slice(0,2));
}
});
});
}
});
},
打开:功能(事件、用户界面){
var len=$('.ui autocomplete>li')。长度;
$('#count').html(len+film bulundu');
},
最小长度:1
});
$(“#搜索”).data('ui-autocomplete')。_renderItem=函数(ul,项){
var re=新的RegExp(“^”+此术语“gi”);
var t=item.Title.replace(re,“+this.term+”);
变量$li=$(“”);
$li.html(
'' +
“+t+”+
''+item.imdbRating+''项目+
'Dil:'+项目语言+'+
'Oyunular:'+项目.演员+'+
''+项目.绘图+''+
''
);
返回$li.appendTo(ul);
};
});
#搜索表单{
宽度:300px;
浮动:无;
保证金:50px自动;
位置:相对位置;
}
#搜索表单输入{
宽度:100%;
线高:50px;
填充:0 15px;
大纲:无;
边界半径:5px;
}
#搜索表格#计数{
位置:绝对位置;
填充:0 10px;
线高:50px;
字体大小:12px;
颜色:rgb(148148148);
右:0;
排名:0;
}
.ui自动完成{
位置:绝对位置;
左:50%!重要;
转换:翻译(-50%);
背景色:#f1f1;
填充:0;
宽度:80%!重要;
顶部:125px;
边框:1px实心#333;
填充:0 15px;
}
.ui自动完成.ui菜单项{
列表样式类型:无;
利润率:15px;
}
.ui帮助程序隐藏可访问{
显示:无;
}
.ui自动完成匹配{
颜色:#006CFC;
}
阿基农素描
minLength不起作用:(
以这种方式解决的问题
$(函数(){
$(“#搜索”)。自动完成({
来源:功能(请求、响应){
$.ajax({
网址:'http://www.omdbapi.com?s=“+request.term+”&apikey=daee70b3',
数据类型:“json”,
数据:{
电影:request.term
},
成功:功能(数据){
var=[];
每个(data.Search,函数(索引,项){
var imdb=item.imdbID;
$.ajax({
网址:'http://www.omdbapi.com?i=“+imdb+”&apikey=daee70b3',
数据类型:“json”,
数据:{
电影资料:imdb
},
成功:功能(数据){
推送(数据);
响应(movies.slice(0,2));
}
});
});
}
});
},
打开:功能(事件、用户界面){
瓦伦=
$(function(){
$('#search').autocomplete({
source: function( request, response ) {
$.ajax( {
url: 'http://www.omdbapi.com?s='+ request.term +'&apikey=daee70b3',
dataType: 'json',
data: {
movie:request.term
},
success: function( data ) {
jQuery.each(data.Search, function(index, item) {
var imdb = item.imdbID;
$.ajax({
url: 'http://www.omdbapi.com?i='+ imdb +'&apikey=daee70b3',
dataType: 'json',
data: {
movieDetail:imdb
},
success: function (data) {
console.log(data);
}
});
});
response(data.Search);
}
});
}
});
$('#search').data('ui-autocomplete')._renderItem = function( ul, item ){
var $li = $('<li>');
$li.html(
'<img style="width: 100%;" src="' + item.Poster + '" />' +
'<span class="username">' + item.Title + '</span>'
);
return $li.appendTo(ul);
};
});