HTML
Código HTML:
<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <title>AJAX</title> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script type="text/javascript" src="{{ asset('js/ajax.js') }}"></script> </head> <body> <?php $a = 0; ?> @for($i = 4; $i > 0; $i--) nombre:<input type="text" id="nombre{{ $a++ }}" name="nombre"></input><br> @endfor() <p><span id="result"></span></p> <script type="text/javascript"> $('#nombre').ajax('#nombre', '#result', '[id*=nombre]'); </script> </body> </html>
Código PHP:
<?php
class HomeController extends BaseController {
public function index()
{
return View::make('home');
}
public function ajax()
{
$data = $_GET['array'];
header('Content-Type: text/html; charset=iso-8859-1');
echo json_encode($data);
}
}
Código:
Espero que podáis encontrar el error.;(function($){ $.fn.ajax = function(name, result){ $('[id*=nombre]').focus(function(e){ e.preventDefault(e); $('[id*=nombre]').keyup(function(e){ $(result).text("Consultando..."); var val = $('[id*=nombre0]').val(); var val2 = $('[id*=nombre1]').val(); var array = []; var length = $('[id*=nombre]').length; for(var i = 0; i < length; i++) { array.push($('[id*=nombre'+i+']').val()); } console.log(array); $.ajax({ data: array, url: 'http://localhost/laravel/public/ajax', dataType: 'json', success: function(data){ /*$(result).html(""); var name = data.name; for(var i = 0; i < length; i++) { $(result).append("Nombre "+array[i]+'<br>'); }*/ $(result).append('Nombre'+data+'<br>'); }, }) }); }); }; })(jQuery)
Muchas gracias, un saludo a todos.