从本地文本文件无法自动提取jQuery

Question

I have tried following code picked from plunker to reduce ajax request to database. JSON format is also generated fine as per example in text file.

But when i'am trying to populate autocomplete options it's showing only one character of beginning. But when i use json output directly with items variable then it works fine.

Plunker Plunker Link

JSON example in Keywords.txt file

["Mis","Operation","Operation Manager","Php","Sales","Telecalling","Analytics","Ceo","Commercials"];

Code

$(function() 
{
    var items = 'Keywords.txt';         

    function split( val ) 
    {
        return val.split( /,\s*/ );
    }

    function extractLast( term ) 
    {
        return split( term ).pop();
    }

    $( "#keyword" )
    .autocomplete(
    {
        minLength: 1,
        source: function( request, response ) 
        {
            response( $.ui.autocomplete.filter(items, extractLast( request.term ) ) );
        },
        focus: function() 
        {
            return false;
        },
        select: function( event, ui ) 
        {
            var terms = split( this.value );
            // remove the current input
            terms.pop();
            // add the selected item
            terms.push( ui.item.value );
            // add placeholder to get the comma-and-space at the end
            terms.push( "" );
            this.value = terms.join( ", " );
            return false;
        }
    });
});

Answer 1

I think that your problem is that you have a string, try to parse the response:

$.get('Keywords.txt').then(function(keywords){
    items = JSON.parse(keywords);
});