{"id":1698,"date":"2022-03-16T22:43:48","date_gmt":"2022-03-16T22:43:48","guid":{"rendered":"https:\/\/dapliw.org\/?p=1698"},"modified":"2022-03-16T22:43:48","modified_gmt":"2022-03-16T22:43:48","slug":"laravel-jquery-autocomplete","status":"publish","type":"post","link":"https:\/\/saemas.com\/sitio_web\/laravel-jquery-autocomplete\/","title":{"rendered":"Laravel – Jquery – Autocomplete"},"content":{"rendered":"\n

En en route\/web:<\/p>\n\n\n\n

Route::post('busquedaMetodoDePago', 'WalletController@busquedaMetodoDePago')->name('busquedaMetodoDePago'); \/\/ Redas\n<\/code><\/pre>\n\n\n\n
En el controlador:<\/p>\n\n\n\n
public function busquedaMetodoDePago(Request $request)\n{\n$search = $request->search;\nif ($search == '')\n{\n$metodos = TransferMethod::orderby('name','asc')->select('id','name')->limit(5)->get();\n}\nelse\n{\n$metodos = TransferMethod::orderby('name','asc')->select('id','name')->where('name', 'like', '%' .$search . '%')->limit(5)->get();\n}\n$response = array();\nforeach($metodos as $metodo)\n{\n$response[] = array(\"label\" => $metodo->name, \"value\" => $metodo->id);\n}\necho json_encode($response);\nexit;\n}\n<\/code><\/pre>\n\n\n\n
En views\/layout:<\/p>\n\n\n\n
<link rel=\"stylesheet\" href=\"{{ asset('assets\/css\/jquery-ui.min.css')}}\" \/>\n<script src=\"{{ asset('assets\/js\/jquery-ui.min.js')}}\"><\/script><\/code><\/pre>\n\n\n\n
En la vista:<\/p>\n\n\n\n
<div class=\"col-md-12\">\n<input type=\"hidden\" id=\"metodo_pago\">\n<label for=\"sugerencia_metodo_pago\">De:<\/label>\n<input type=\"text\" class=\"form-control\" id=\"sugerencia_metodo_pago\">\n<\/div>\n<\/code><\/pre>\n\n\n\n
En el javascript:<\/p>\n\n\n\n
$( \"#sugerencia_metodo_pago\" ).autocomplete({\nsource: function( request, response ) {\n\/\/ Fetch data\n$.ajax({\nurl:$('#url-base-idioma').data('url-base-idioma')+'\/busquedaMetodoDePago',\ntype: 'post',\ndataType: \"json\",\ndata: {\nsearch: request.term\n},\nsuccess: function( data ) {\nresponse( data );\n}\n});\n},\nselect: function (event, ui) \n{\n$('#sugerencia_metodo_pago').val(ui.item.label);\n$('#metodo_pago').val(ui.item.value);\nreturn false;\n}\n});\n<\/code><\/pre>\n\n\n\n
Fuente:<\/p>\n\n\n\n
https:\/\/www.nicesnippets.com\/blog\/laravel-autocomplete-search-with-jquery-ui-example<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
En en route\/web: En el controlador: En views\/layout: En la vista: En el javascript: Fuente: https:\/\/www.nicesnippets.com\/blog\/laravel-autocomplete-search-with-jquery-ui-example<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"material-hide-sections":[],"footnotes":""},"categories":[14],"tags":[34,61],"class_list":["post-1698","post","type-post","status-publish","format-standard","hentry","category-laravel","tag-jquery","tag-laravel"],"_links":{"self":[{"href":"https:\/\/saemas.com\/sitio_web\/wp-json\/wp\/v2\/posts\/1698","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/saemas.com\/sitio_web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/saemas.com\/sitio_web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/saemas.com\/sitio_web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/saemas.com\/sitio_web\/wp-json\/wp\/v2\/comments?post=1698"}],"version-history":[{"count":0,"href":"https:\/\/saemas.com\/sitio_web\/wp-json\/wp\/v2\/posts\/1698\/revisions"}],"wp:attachment":[{"href":"https:\/\/saemas.com\/sitio_web\/wp-json\/wp\/v2\/media?parent=1698"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/saemas.com\/sitio_web\/wp-json\/wp\/v2\/categories?post=1698"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/saemas.com\/sitio_web\/wp-json\/wp\/v2\/tags?post=1698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}