Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript OMDB Api Jquery自动完成问题呈现_Javascript_Jquery_Autocomplete_Jquery Ui Autocomplete_Omdbapi - Fatal编程技术网

Javascript OMDB Api Jquery自动完成问题呈现

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.

我使用OMDBAPI列出电影,并在ajax中使用ajax,但在渲染时遇到问题

console.log:

$(函数(){
$(“#搜索”)。自动完成({
来源:功能(请求、响应){
$.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);
        };
    });