Problema con AJAX en formulario.
Publicado por Mike M. (1 intervención) el 12/04/2014 05:14:41
Que tal compañeros, tengo un problema con el AJAX en los formularios... Ya que cuando le doy click al botón para enviar el formulario, no me funciona el AJAX ya que en vez de solo refrescarme la parte de resultados, actualiza toda la página por completo y no sé que es lo que tengo malo, aclaro soy nuevo en lo de AJAX.
Index.php
Este genera el formulario, esta es una parte del código que se encuentra en html5jash.js
y lo único que me devuelve el hash.php es esto:
Index.php
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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<!DOCTYPE html>
<html itemscope itemtype="http://schema.org/WebApplication">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta itemprop="name" content="MD5" />
<meta itemprop="description" content="" />
<meta itemprop="applicationCategory" content="Tool" />
<title>MD5 Hash</title>
<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.22.custom.css" rel="stylesheet" />
<link type="text/css" href="html5hash.css" rel="stylesheet" />
<script type="text/javascript" src="js/md5.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/jquery.form.js"></script>
<script type="text/javascript" src="html5hash.js"></script>
<script>
// wait for the DOM to be loaded
$(document).ready(function() {
// bind 'myForm' and provide a simple callback function
$('#myForm').ajaxForm(function() {
type: "POST",
target: "#resultados"
});
});
</script>
</head>
<body id="drop_zone">
<script>
function limpiar(id)
{var li;
li = document.getElementById(id);
while(li.hasChildNodes())
{li.removeChild(li.lastChild);
document.getElementById(id).className = "ocultar";
} }</script>
<div id="centerfield">
<header>
<fieldset id="algo_selection">
<legend>Algorithm selection</legend>
<form>
<input type="checkbox" name="md5switch" checked="checked" />MD5
</form>
</fieldset>
<h1>MD5</h1>
</header>
<article>
<ul id="list">
<li>
<b>File selection</b>
<div id="placeholder">
<b>Drop</b> files here or <b>click to browse.</b>
</div>
<input type="file" id="hiddenFilesSelector" multiple />
</li>
</ul>
</article>
<div id="respuesta"></div>
<aside id="explanation">
<span itemprop="description">Hashes are computed locally. No files or information on files will be uploaded.</span>
</aside>
</div>
<footer>
</footer>
Este genera el formulario, esta es una parte del código que se encuentra en html5jash.js
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
function (file) {
// Done
var took = ((new Date).getTime() - start) / 1000;
var xid = Math.random().toString(36).substr(2, 5);
var results = '<div id="'+ xid +'" class="resultdiv">';
results += '<form id="myForm" action="hash.php" method="post">';
if (doMD5){
var md5r = md5proc.finalize();
results += 'MD5:'+ md5r +'<input type="hidden" name="md5" value="' + md5r + '"/></br>';
}results += '<input type="submit" class="btn_send" id="btn_enviar" value="Enviar" name="Enviar" />';
results += ' ';
results += "<button class='btn_remove' onclick=\"limpiar('"+uid+"')\">Remover</button>";
results += '</form>';
results += "</div>";
results += '<div id="resultados"></div>';
results += '<span class="resulttaken">Time taken: ' + digits(took, 2) + 's @ ' + bytes2si(file.size / took, 2) + '/s</span><br />';
$("#" + uid).append(results);
$("#" + uid + " .progress")
.hide('slow');
$("#" + uid)
.css('background-color', '#F0FFF0');
});
})();
}; }y lo único que me devuelve el hash.php es esto:
1
echo ("El MD5 ha sido guardado en la BD");
Valora esta pregunta
0