even.prevenDefaul no me detiene el evento
Publicado por Raul Andrade (2 intervenciones) el 08/04/2016 02:41:06
Hola que tal disculpen Intento realizar una consultapor medio de ajax pero el evento submit no logro detenerlo por medio de event.preventDefault()
aqui les dejo mi codigo
aqui les dejo mi codigo
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<div id="div">
<form action="insert.php" name="formulario" method="post">
<input type="text" name="insertar">
<input type="submit" id="submit" value="Agrega">
<label id="val"></label>
</form>
</div>
<script >
$(document).on('ready',function (){
console.log('hola')
var val=$('form').attr('action');
var met=$('form').attr('method');
var ins=document.formulario.insertar.value;
$('#submit').on('submit',function( event ){
event.preventDefault();
$.ajax({
beforeSend: function(){
$('#val').text('Cargando ;)');
},
url: val,
type: met,
data: {valor:ins},
success : function(resp){
$('#val').text('Agregado')
console.log(resp)
},
error: function(jqXHR,state,error){
console.log(estado)
console.log(estado)
},
complete: function(jqXHR,estado){
console.log(estado)
}
});
})
})
</script>
</body>
</html>
Valora esta pregunta
0