0

Estoy diseñando un código donde hay un menú con distintas opciones que van a distintas tablas. Mi idea es enviar el nombre de la tabla al archivo "UserAction.php" para que después el javascript pueda operar mediante ajax con ella (añadir,editar,borrar columna). Este código esta basado en diversos que cogí en internet y no sé utilizar bien ajax.

Al enviar mediante mi diseño de ajax el nombre de la tabla me sale el siguiente error. Error en el navegador El código javascirpt que me erra es el siguiente:

function mostrar(elemento){

  var elemen = document.getElementById(elemento);
  var elementos = ["identificacao","vidrio","preparacao","layouts","requisicao_interna","ordem","comentarios","aluminio","producao","quinagem","motorizacoes","embalagem","entrega","ferramentaria","users"];

  for(i = 0; i < 14; i++)
  {
	  if (elemento != elementos[i]) 
	  {
		var distinto = document.getElementById(elementos[i]);
		distinto.style.display = "none";

	  }else
	  {
		elemen.style.display = "block";
	   $.ajax({
			type: 'POST',
			url: 'userAction.php',
			data: 'tabla='elemento,
			success:function(data){
				alert(elemento);
			}
		});
		
	  }
  }

}
    </div>
    <ul class="nav navbar-nav">
      <!--<li class="active"><a href="#">Home</a></li>-->
		<li><button class="active" onclick="mostrar('preparacao')">Preparaçao</button></li>
		<li><button class="active" onclick="mostrar('layouts')">Layouts</button></li>
		<li><button class="active" onclick="mostrar('requisicao_interna')">Requisiçao</button></li>
		<li><button class="active" onclick="mostrar('vidrio')">Vidrio</button></li>
		<li><button class="active" onclick="mostrar('ordem')">Ordem de produção</button></li>
		<li><button class="active" onclick="mostrar('comentarios')">Status e comentários</button></li>
		<li><button class="active" onclick="mostrar('aluminio')">Aluminio</button></li>
		<li><button class="active" onclick="mostrar('producao')">Produção</button></li>
		<li><button class="active" onclick="mostrar('quinagem')">Quinagem</button></li>
		<li><button class="active" onclick="mostrar('entrega')">Entrega</button></li>
		<li><button class="active" onclick="mostrar('ferramentaria')">Ferramentaria</button></li>
		<li><button class="active" onclick="mostrar('motorizacoes')">Motorizações</button></li>
		<li><button class="active" onclick="mostrar('embalagem')">Embalagem</button></li>
		<li><button class="active" onclick="mostrar('identificacao')">Identificação de obra</button></li>
		<?php if($privilegio == 2){ echo '<li><button class="active" onclick="mostrar("users")">USERS</button></li>'; };?>
    </ul>
    <ul class="nav navbar-nav navbar-right">
      <li><a href="login/userAccount.php?logoutSubmit=1"><span class="logout glyphicon glyphicon-log-out"></span> Logout</a></li>
    </ul>
  </div>

0

1 respuesta 1

2

Prueba usar data como un objeto:

const yourData = {
    tabla: elemento
};

$.ajax({
    type: 'POST',
    url: 'userAction.php',
    data: yourData,
    success: function(data) {
        alert(elemento);
    }
});

aunque si tu problema es que no encuentra la función mostrar, más bien habría que ver en qué momento estás importando o declarando tu función

1
  • He probado lo que has dicho y ha funcionado perfectamente. Muchas gracias !! Commented el 3 may. 2019 a las 15:45

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.