Ajax call working but no data appear in select form

hello i need help please , I’m new to select2 i want to use it to search ,I can see the ajax call working in network but the only problem it not appear in list
a simple json response
i want title and id from it

items: [


id: 293,

title: "Solo max",

author: "Updating",

id: 294,
title: "Solo imo",
author: "Updating",
{id: 295,
title: "Solo pain",
author: "Updating",}]}
<div class="form-group">
    <div class="row">
         <label class="col-md-2">duplicatejjjd : </label>
                <div class="col-md-8">
                       <select class="js-data-example-ajax form-control"></select>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.min.js"></script>

<script type="text/javascript" class="js-code-placeholder">

        ajax: {

          url:  function (params) {

            return 'ajax link/';


          dataType: 'json',

          data: function (params) {
            var query = {
              search: params.term
        return query;
      },placeholder: 'Search ',
        minimumInputLength: 1