AJAX - control de buttons en forms mediante ajax

 
Vista:
Imágen de perfil de Roldan
Val: 2
Ha mantenido su posición en AJAX (en relación al último mes)
Gráfica de AJAX

control de buttons en forms mediante ajax

Publicado por Roldan (1 intervención) el 28/06/2019 03:28:10
Hola con todos, tengo un form con un id y metodo post y dentro de el hay una serie de elementos, entre ellos 2 inputs de typo submit y lo que quiero es mediante ajax, controlar estos dos inputs de tipo submit, aque 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
60
61
62
63
64
<form method="post" id = "matrizIndex">
  <div class = "row">
    <div  class="col s4">
        <h3 class = "center">Matriz 1</h3>
        <div class="input-field">
           <input type="text" name="txtFilasMatriz1" class ="validate" id ="fila1">
           <label for="fila1" > Numero filas </label>
        </div>
        <div class="input-field">
          <input type="text" name="txtColumnasMatriz1" class ="validate" id="columna1" >
          <label for="columna1"> Numero columnas </label>
        </div>
    </div>
 
    <div class = "col s4">
 
    </div>
 
    <div  class="col s4">
        <h3 class="center"> Matriz 2</h3>
        <div class="input-field">
          <input type="text" name="txtFilasMatriz2" id= "fila2">
          <label for="fila2"> Numero filas </label>
        </div>
        <div class="input-field">
          <input type="text" name="txtColumnasMatriz2" id = "columna2">
          <label for="columna2"> Numero columnas </label>
        </div>
    </div>
 
    <div>
      <input type="submit" name="action" value="FormarMatriz" class = "btn blue" id = "boton">
    </div>
 
    <br><br>
 
    <div class = "row">
      <div id = "llenarMatriz">
 
      </div>
    </div>
 
     <div class = "row">
      <div id = "multiplicacionMatriz">
           <div class="input-field col s12 " style="position:relative;display:none" id = "opciones">
              <select name = "txtOperador" >
                <option value="" disabled = "selected" >seleccione operador</option>
                <option value="Suma">Suma</option>
                <option value="Resta">Resta </option>
                <option value="Multiplicacion">Multiplicacion</option>
                <option value="Transpuesta">Transpuesta</option>
                <option value="Inversa">Inversa</option>
 
              </select>
              <label>Operadores</label>
          </div>
      </div>
    </div>
 
    <input type="submit" name = "cal" value ="operacion" class = "btn" id="calcular" style="position:relative;display:none">
  </div>
 
 
</form>

y en jquery tengo lo siguiente :
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
$(document).on('submit', '#matrizIndex', function(event)
{
	event.preventDefault();
 
	var fila1 = $('#fila1').val();
	var columna1 = $('#columna1').val();
	var fila2 = $('#fila2').val();
	var columna2 = $('#columna2').val();
	//var fila1 = document.getElementById("fila1").value 
	//var columna1 = document.getElementById("columna1").value 
	//var fila2 = document.getElementById("fila2").value 
	//var columna2 = document.getElementById("columna2").value 
 
	document.getElementById('calcular').style.display = 'block';
	document.getElementById('opciones').style.display = 'block';
    if(submit =="action"){
        $.ajax({
            url: 'dibujar.php',
            type: 'post',
            data: {
                fila1: fila1 ,
                columna1: columna1 ,
                fila2: fila2 ,
                columna2 : columna2
            },
            success: function (data) {
                $("#llenarMatriz").html(data) ;
 
            },
            error: function(){
                alert('Error: L17+');
            }
        });
	}
 
});
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder