Ggtcf

I've created a file faqs.json from file_put_contents and resulted as correctly (see fig.1). However, when I am trying to render it using "Select2 JS" it always end up: "The results could not be loaded", which I just follow the given instructions at the website. 1 thing I cannot understand is how to pull the post_title and post_name from the json file. I believe I am missing something here.

Note: json file content was fetched from "custom post type" of wordpress

Here's my sample json file.
Fig.1

[
 
 "ID": 1336,
 "post_title": "test",
 "post_status": "publish",
 "post_name": "test",
 "post_excerpt": ""
 
 
 "ID": 1335,
 "post_title": "What are the requirements for",
 "post_status": "publish",
 "post_name": "what-are-the-requirements-for",
 "post_excerpt": ""
 
]

Here's my javascript file.
Fig.2

function formatRepo (repo) 
 if (repo.loading) return repo.text;

 var markup = '<div class="clearfix">' +
 '<div class="col-sm-1">' +
 '<img src="' + repo.owner.avatar_url + '" style="max-width: 100%" />' +
 '</div>' +
 '<div clas="col-sm-10">' +
 '<div class="clearfix">' +
 '<div class="col-sm-6">' + repo.full_name + '</div>' +
 '<div class="col-sm-3"><i class="fa fa-code-fork"></i> ' + repo.forks_count + '</div>' +
 '<div class="col-sm-2"><i class="fa fa-star"></i> ' + repo.stargazers_count + '</div>' +
 '</div>';

 if (repo.description) 
 markup += '<div>' + repo.description + '</div>';
 

 markup += '</div></div>';

 return markup;


function formatRepoSelection (repo) 

$(document).ready(function()

 $(".js-data-example-ajax").select2(
 ajax: 
 url: $json + "faqs.json",
 dataType: 'json',
 delay: 250,
 data: function (params) 
 return 
 q: params.term, // search term
 page: params.page
 ;
 ,
 processResults: function (data, page) 
 // parse the results into the format expected by Select2.
 // since we are using custom formatting functions we do not need to
 // alter the remote JSON data
 return 
 results: data.items 
 ;
 ,
 cache: true
 ,
 escapeMarkup: function (markup) return markup; , // let our custom formatter work
 minimumInputLength: 1,
 templateResult: formatRepo, // omitted for brevity, see the source of this page
 templateSelection: formatRepoSelection // omitted for brevity, see the source of this page 

 );
);