Ir para conteúdo
Rengavitp

Ajuda com passagem de parametros no javascript

Por , em Javascript

Recommended Posts

Rengavitp    0

Rengavitp
Postado

Boa noite pessoal,

 

Estou com dificuldade em passar parametro em uma funcão, até mesmo fazendo um teste com alert(variável); está me retornando sempre o erro Uncaught SyntaxError: Invalid or unexpected token.

Preciso passar um item de um json response.material e está dando esse erro, o conteúdo do obejto é '10017C7002' percebi que seu eu deixar apenas até o primeiro número 7 ele funciona, porém ao colocar a letra 'C' ele mostra o erro, Alguém pode me dar uma ajuda? Já estou um tempo nisso e não consegui encontrar a solução. Notem que troquei o objeto direto pelo conteudo e nem assim funciona, somente tirando a letra. 

success: function(response) {
			if (response.length > 0) {
				var tabela;
				for (var i = 0; i < response.length; i++) {
					tabela += '<tr><td>' +
						'MQ ' + response[i].maquina.id + '</td><td>' +
						response[i].turno.id + '-' + response[i].turno.horario + '</td><td>' +
						response[i].operador.id + '-' + response[i].operador.nome + '</td><td>' +
						response[i].nro_op + '</td><td>' +
						response[i].pedido.pedido + '</td><td>' +
						response[i].material + '</td><td>' +
						response[i].desc_material + '</td><td>' +
						response[i].qt_programada + '</td><td>' +
						response[i].qt_produzida + '</td><td>';
					tabela += '<div class="btn-group">';
					tabela += '<button type="button" class="btn btn-info" onclick="mostraDados('+ "10017C7012" + ')"><i class="fa fa-eye" aria-hidden="true"></i></button>';
					tabela += '<button type="button" class="btn btn-primary"><i class="fa fa-eye" aria-hidden="true"></i></button>';
					tabela += '</div></td></tr>';
				}
				$('#tabela_produzidos > tbody').append(tabela);
			} else {
				alert("Não foram encontrados registros nesta data!");
			}
		}

  

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

tetsuo    0

tetsuo
Postado

Olá!

1) o trecho de código fornecido não é testável, nem verificável

2) tentei completar o código com dados quaisquer, mas não foi possível reproduzir o erro.
image.thumb.png.22dd6924fb205fe0d87b8767a3af9ce2.pngSe puder, ajude-nos a te ajudar.

imagem 1)

image.png

 

script editado pra tentar reproduzir/investigar a falha 

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Imasters</title>
  <!-- CSS only -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
  <style>
    main {
      max-width: 1000px;
    }
  </style>
</head>

<body>
  <main>
    <table id="tabela_produzidos" class="table table-bordered">
      <tbody></tbody>
    </table>
  </main>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
  <script>
    const response = [
      {
        maquina: {
          id: '10017C7002'
        },
        turno: {
          id: '10017C7002',
          horario: '23h59min'
        },
        operador: {
          id: '10017C7002',
          nome: 'john doe'
        },
        pedido: {
          pedido: '10017C7002'
        },
        qt_programada: 7,
        nro_op: 2,
        desc_material: 'lorem ipsum',
        material: 'dolor sit',
        qt_produzida: 19
      }
    ]

    if (response.length > 0) {
      var tabela;
      for (var i = 0; i < response.length; i++) {
        tabela += '<tr><td>' + 'MQ ' + response[i].maquina.id + '</td><td>' +
          response[i].turno.id + '-' + response[i].turno.horario + '</td><td>' + response[i].operador.id + '-' +
          response[i].operador.nome + '</td><td>' + response[i].nro_op + '</td><td>' + response[i].pedido.pedido + '</td><td>' +
          response[i].material + '</td><td>' + response[i].desc_material + '</td><td>' + response[i].qt_programada + '</td><td>'
          + response[i].qt_produzida + '</td><td>'; tabela += '<div class="btn-group">'; tabela
            += '<button type="button" class="btn btn-info" onclick="mostraDados(' + "10017C7012"
            + ')"><i class="fa fa-eye" aria-hidden="true"></i></button>'; tabela
              += '<button type="button" class="btn btn-primary"><i class="fa fa-eye" aria-hidden="true"></i></button>'; tabela
                += '</div></td></tr>';
      } $('#tabela_produzidos> tbody').append(tabela);
    } else {
      alert("Não foram encontrados registros nesta data!");
    }

  </script>
</body>

</html>

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

Rengavitp    0

Rengavitp
Postado

Bom dia Tetsuo, te agradeço pela ajuda e peço desculpas pelo código parcial, seu modelo representa bem a situacao, o que ocorre é que o unico parametro com o valor='10017C7012' é o material os demais são apenas nro, exemplo maquina='1', operador='1', horario='1'. Quanto eu mudo o material para '10017''por exemplo ele funciona, já quando acrescento o 'C' ele já dá erro Uncaught SyntaxError: Invalid or unexpected token. Não estou com acesso a máquina que tem o código, assim que puder vou enviar o código mais completo. Estranho que a tabela é preenchida sem problema, só da esse erro quando tento passar como parametro dentro do onclick. De qualquer forma obrigado por gastar seu tempo tentando me ajudar, na próxima terei mais cuidado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

tetsuo    0

tetsuo
Postado

se estiver usando typescript, certifique-se de que pode-se usar string como parâmetro.
talvez o parâmetro só esteja aceitando number

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora
Ir para a lista de tópicos Javascript

  • Conteúdo Similar

    • ILR master
      Abrir url na mesma janela
      Por ILR master
      Pessoal, pergunta bem simples. Abaixo tenho o seguinte código:
       
      <script>
      function alerta()
      {
        if (window.confirm("Você realmente quer sair?")) {
          window.open("sair.html");
      }
      }
      </script>
       
      Funciona perfeitamente, só que está abrindo em outra janela e quero que abra na mesma janela.
       
      Alguém pode me ajudar?
    • Giovanird
      Atualizar pagina PHP que esta dentro de uma div
      Por Giovanird
      Olá a todos!
      Tenho uma pagina que possui uma DIV onde coloquei uma pagina PHP.
      Uso a função setInterval para atualizar a pagina inclusa dentro da DIV.
      O problema é que ao acessar o site , a DIV só me mostra a pagina inclusa somente quando completo o primeiro minuto.
      Preciso que a pagina inclusa já inicie carregada
       
      Meu código JavaScript e a DIV com a pagina PHP
       
      <script> function atualiza(){ var url = 'direita.php'; $.get(url, function(dataReturn) { $('#direita').html(dataReturn); }); } setInterval("atualiza()",60000); </script> <div> <span id="direita"></span> </div>  
    • Thiago Duarte
      Drag and Drop para arrastar imagem
      Por Thiago Duarte
      Oi, gostaria de arrastar imagem e ao soltar formar bloco html, meu bloco de html ficaria com nome, content-1.html, content-2.html, etc
       
      Alguem pode me ajudar?
    • belann
      Upload de arquivos com javascript
      Por belann
      Olá!
       
      Estou fazendo o upload de arquivos com fetch dessa forma
      fetch(url, {
              method: 'POST',
              headers: {'Content-Type': 'multipart/form-data',},
              body: formData 
          }).catch((error) => (console.log("Problemas com o Upload"), error));
       
      estou usando input type=file
      e criando uma const formData = new FormData(); 
      mas não faz e não dá nenhum erro.
      estou fazendo o upload com a url="http://localhost/dashboard/dados".
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito