ajax processresults,javascript - Select 2 "ajax results could not be loaded" - Stack Overflow

I have this working select2, I have implemented this yesterday, It might help you.

select2_common('.accounts','Account & Description');

function select2_common(selector,placeholder)

{

$(selector).select2({

minimumInputLength:2,

placeholder:placeholder,

ajax: {

url: "your_url_here",

dataType: "json",

delay: 200,

data: function (params) {

return {

q: params.term, // search term

page: params.page

};

},

processResults: function (data) {

// console.log(data);

return {

results: $.map(data, function(obj) {

if(obj.id!=0){

// console.log(obj);

return { id: obj.id, text: obj.name };

}

else

{return {id: obj.id, text: obj.name}}

})

};

},

cache: true

},

debug:false

});

}

//And your result should be in this form, from your method....

//I am using laravel php framework.

public function getAccountDetail(Request $request)

{

$q = $request->input('q');

$result=[];

if (isset($q) && $q != '') {

/*---------- Search by account code or title ----------*/

$data = DB::table('acc_accounts')->select('acc_id','acc_code','acc_title')

->where('acc_code', 'like', '%' . $q . '%')

->orWhere('acc_title', 'like', '%' . $q . '%')

->limit(10)->orderBy('acc_code')->get();

foreach ($data as $key => $value) {

$new1 = array('id' => $value->acc_id, 'name' => $value->acc_code.' ('.$value->acc_title.')' );

array_push($result,$new1);

}

print(json_encode($result));

}

}