Tengo una consulta , como podria implementar un metodo ajax para que el buscador traiga la data en el ID que se le dice.(cabe resaltar que el que trae la data y el buscador estan en la misma pagina, la vista que carga todo esto es otra pagina)
$('.data-show-01').click(function (e) {
e.preventDefault();
var me = $(this),
url = me.attr('href');
getData(url)
});
function getData(url) {
$.ajax({
url: url,
dataType: 'html',
success: function (response) {
$('#loadData').html(response);
}
});
};
// con esto traigo la data al carga la pagina html
//esta es la pagina que me trae la data
<div class="search">
<form class="searchForm" action="{{ route( 'tipo',['estado' => Crypt::encrypt($estado_id),'tipo' => Crypt::encrypt($tipo_id)]) }}" method="get">
<div class="u-relative">
<input type="text" name='number' class="field__input" placeholder="Buscar por número de expediente">
<button type='submit' class="searchForm__submit">
<svg>
<use xlink:href="#search"></use>
</svg>
</button>
</div>
</form>
</div>
// que llenarse el contenido aqui al momento
// de realizar una busqueda
<div class="loadData" id="loadData">
</div>
function getData(url) {
$.ajax({
url: url,
dataType: 'html',
success: function (response) {
$('#loadData').html(response);
}
});
};
$('.data-show-01').click(function (e) {
e.preventDefault();
var me = $(this),
url = me.attr('href');
getData(url)
});