Ah, esta bien. pero sigue sin enviarse nada. haber si lo sigo escribiendo mal?
Código HTML:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jqueryui.js"></script>
</head>
<body>
<form name="nombreform" id="form1" method="post" action="insertar.php" class="clase">
<input name="nombre" id = "nombre" type="text" value="">
<input name="apellido" id = "apellido" type="text" value="">
<input name="enviar" id="enviar" type="submit">
</form>
<script type="text/javascript">
$(".clase").submit(function(event){
event.preventDefault(); //Aquí evito que se haga la redirección
//Realizo la petición asíncrona
$.ajax({
url: $(this).prop("action"),
data: {nombre: $("#nombre").val(), apellido: $("#apellido").val()},
});
});
</script>
</body>
</html>