actualizar java script
Publicado por helpme (7 intervenciones) el 09/11/2018 01:14:17
hola chicos quiero saber como de actualizar una pagina de html a la hora de picar el boton consultar por medio de java script. A ver si me podrian ayudar gracias Les pondre mis codigos
este es mi html
El boton realiza esta funcion por java script
este es mi html
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
<body>
<div class="content">
<br/><br/>
<div class="header">
</div>
<div class="span11">
<form method="POST" enctype="multipart/form-data" id="repGastos">
<div class="row-fluid">
<div class="span3 column">
<label>Fecha Inicio</label>
<input type="text" value="" class="datepicker span12" name="fi" placeholder="dd-mm-aaaa" required="true">
</div>
<div class="span3 column">
<label>Fecha Término</label>
<input type="text" value="" class="datepicker span12" name="ft" placeholder="dd-mm-aaaa" required="true">
</div>
<div class="span5 column">
<label>EMPRESA</label>
<select class="select2 span12 empresa" name="empresa" required="true" > </select>
</div>
</div>
<div class="row-fluid">
<div class="span11 column" style="text-align: right">
<br/><br/>
<button type="submit" class="btn-flat primary" ><i class="icon-search"></i> Consultar</button>
<button class="btn-flat primary" name="descargarepGst" id="descargarepGst" ><i class="icon-download-alt"></i> Descargar</button>
</div>
</div>
</form>
</div>
<div class="span11 column" id="ajaxResult"> </div>
</div>
<script>
$(document).ready(function () {
empresa();
});
</script>
</body>
El boton realiza esta funcion por java script
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
$("#repGastos").on('submit', function (e) {
e.preventDefault();
var f = $(this);
var formData = new FormData(document.getElementById("repGastos"));
formData.append("op", "repGastos");
$.ajax({
type: "POST",
url: "php/accion/save.info.php",
data: formData,
dataType: 'json',
cache: false,
contentType: false,
processData: false,
success: function (b) {
// tableSolicitudes('p');
for (let i = 0; i < b.length; i++) {
let tables = '<div class="span11"><h3>' + b[i]['table'].replace(/_/g, ' ').toUpperCase() + '</h3></div><div class="span11"> <div class="table-responsive"> <div class="dt-responsive table-responsive"> <table id="' + b[i]['table'] + '" class="table table-striped table-bordered nowrap"></table> </div> </div> </div>';
$('#ajaxResult').append(tables);
$('#' + b[i]['table']).dataTable({
destroy: true,
paging: true,
ordering: false,
info: false,
searching: false,
lengthChange: false,
pageLength: 50,
language: {
"url": "//cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/Spanish.json"
},
columns: b[i]['title'],
data: b[i]['detalle']
});
}},
error: function (xhr, ajaxOptions, thrownError) {
console.log(xhr); console.log(ajaxOptions); console.log(thrownError);
}});
return false;
});
Valora esta pregunta
0