Dois forms na mesma pagina, o primeiro enviando dados para o segundo

Jefferson andre · Janeiro 16, 2020

Boa tarde, por favor me ajudem com uma situacao que nao sei como proceder em linguagens web

Tenho dois forms na mesma tela, ao selecionar o cliente e clicar no botao buscar dados, as informacoes que eu pegar no mysql vao "abastecer" os campos do segundo formulario, e entao enviadas para a inclusao utilizando um outro botao no final da pagina.

Nao sei como atualizar as informacoes desses campos na tela, e que posteriormente serao enviados para o banco de dados incluindo as novas informacoes.

Agradeço sugestoes sobre a tela enviada.

ShadowDLL · Janeiro 16, 2020

Você pode fazer o mesmo com AJAX.

Jefferson andre · Janeiro 16, 2020

3 minutos atrás, ShadowDLL disse:

Você pode fazer o mesmo com AJAX.

sim, consegui fazer quase tudo com ajax so que ainda nao consegui pegar as variaveis apenas listo elas na tela.


		<script>
            function buscar2(id_cliente)
            {
                //O método $.ajax(); é o responsável pela requisição
                $.ajax
                        ({
                            //Configurações
                            type: 'POST',//Método que está sendo utilizado.
                            dataType: 'html',//É o tipo de dado que a página vai retornar.
                            url: 'busca2.php',//Indica a página que está sendo solicitada.
                            //função que vai ser executada assim que a requisição for enviada
                            beforeSend: function () {
                                $("#dados2").html("Carregando...");
                            },
                            data: {id_cliente: id_cliente},//Dados para consulta
                            //função que será executada quando a solicitação for finalizada.
                            success: function (msg)
                            {
                                $("#dados2").html(msg);
								$("#valor_fixo_cliente").val(html.$valor_hr_viagem);
                            }
                        });
            }
            
            $('#buscar2').click(function () {
                buscar2($("#id_cliente").val())
            });

acho que o problema esta nesta linha abaixo mas nao sei como proceder:

$("#dados2").html(msg);
$("#valor_fixo_cliente").val(html.$valor_hr_viagem);

ShadowDLL · Janeiro 16, 2020

Por favor, execute o código abaixo

e envie-me as informações que

estarão presentes no console.

CÓDIGO:

<script>
function buscar2(id_cliente)
{
	//O método $.ajax(); é o responsável pela requisição
	$.ajax
	({
		//Configurações
		type: 'POST',//Método que está sendo utilizado.
		dataType: 'html',//É o tipo de dado que a página vai retornar.
		url: 'busca2.php',//Indica a página que está sendo solicitada.

		//função que vai ser executada assim que a requisição for enviada
		beforeSend: function () {
			$("#dados2").html("Carregando...");
		},
		data: {id_cliente: id_cliente},//Dados para consulta
		//função que será executada quando a solicitação for finalizada.
		success: function (msg)
		{
			console.log (msg);

			$("#dados2").html(msg);
			//$("#valor_fixo_cliente").val(html.$valor_hr_viagem);
		}
	});
}

$('#buscar2').click(function () {
	buscar2($("#id_cliente").val())
});

Se possível, envie também o código

presente em: busca2.php

Jefferson andre · Janeiro 17, 2020

18 horas atrás, ShadowDLL disse:

Por favor, execute o código abaixo

e envie-me as informações que

estarão presentes no console.

CÓDIGO:


<script>
function buscar2(id_cliente)
{
	//O método $.ajax(); é o responsável pela requisição
	$.ajax
	({
		//Configurações
		type: 'POST',//Método que está sendo utilizado.
		dataType: 'html',//É o tipo de dado que a página vai retornar.
		url: 'busca2.php',//Indica a página que está sendo solicitada.

		//função que vai ser executada assim que a requisição for enviada
		beforeSend: function () {
			$("#dados2").html("Carregando...");
		},
		data: {id_cliente: id_cliente},//Dados para consulta
		//função que será executada quando a solicitação for finalizada.
		success: function (msg)
		{
			console.log (msg);

			$("#dados2").html(msg);
			//$("#valor_fixo_cliente").val(html.$valor_hr_viagem);
		}
	});
}

$('#buscar2').click(function () {
	buscar2($("#id_cliente").val())
});

Se possível, envie também o código

presente em: busca2.php

Grato pelas informacoes,

Fiz as mudanças e nao apareceu nada diferente, entao dei uma olhada no diretorio pra ver se havia criado o arquivo console.log e tambem na pasta do site e tambem nao encontrei.

segue o buscar2.php

<?php header('Content-Type: text/html; iso-8859-1');?>
<?php
require('conexao_dbo.php');
/*
$host_local = "localhost";
$db_local   = "xcomp_entregas";
$user_local = "root";
$pass_local = "";

try {
    $arquivo = new PDO("mysql:dbname=$db_local;host=$host_local", $user_local, $pass_local);
} catch (PDOException $e) {
    $error_mensagem = $e->getMessage() . "<br/>";
    echo "Error : " . $error_mensagem;
    exit();
}
*/
$palavra = $_POST['id_cliente'];

    $sql = "SELECT * FROM clientes WHERE id='$palavra'";
    $sql = $arquivo->query($sql);
?>

<section class="panel col-lg-9">

    <header class="panel-heading">
        Dados da busca:
    </header>
    <?php
    if($sql->rowCount()>0) {
?>
    <table class="table table-striped table-advance table-hover">
        <tbody>
            <tr>
                <th><i class="icon_profile"></i> valor_hr_viagem</th>
                <th><i class="icon_profile"></i> valor_por_km</th>
                <th><i class="icon_mail_alt"></i> valor_apos_18</th>
                <th><i class="icon_profile"></i> valor_sabado</th>
                <th><i class="icon_mail_alt"></i> valor_domingo</th>
            </tr>
            <?php 
            foreach($sql->fetchAll() as $linha){
				$valor_hr_viagem = $linha['valor_hr_viagem'];
				$valor_por_km = $linha['valor_por_km'];
				$valor_apos_18 = $linha['valor_apos_18'];
				$valor_sabado = $linha['valor_sabado'];
				$valor_domingo = $linha['valor_domingo'];
				$valor_fixo_cliente = $linha['valor_hr_viagem'];
            ?>
            <tr>
                <td><?=$linha['valor_hr_viagem'];?></td>
                <td><?=$linha['valor_por_km'];?></td>
                <td><?=$linha['valor_apos_18'];?></td>
                <td><?=$linha['valor_sabado'];?></td>
                <td><?=$linha['valor_domingo'];?></td>
            </tr>
            <?php }?>
        </tbody>
    </table>
    <?php }else{?>
    <h4>Nao foram encontrados registros com esta palavra.</h4>
    <?php }?>
</section>

Retorno do console

The specified value "17/01/2020 11:47:40" does not conform to the required format, "yyyy-MM-dd".
xcomp_entregas_entregas_adicionar.php:21 GET http://www.plataformaxcomp.com.br/xcomp_entregas/font-awesome/css/font-awesome.min.css net::ERR_ABORTED 404 (Not Found)
xcomp_entregas_entregas_adicionar.php:220 GET http://www.plataformaxcomp.com.br/xcomp_entregas/jquery.2.1.3.min.js net::ERR_ABORTED 404 (Not Found)
Chart.min.js:7 Uncaught TypeError: Cannot read property 'length' of null
    at Object.acquireContext (Chart.min.js:7)
    at ni.construct (Chart.min.js:7)
    at new ni (Chart.min.js:7)
    at chart-area-demo.js:32
acquireContext @ Chart.min.js:7
construct @ Chart.min.js:7
ni @ Chart.min.js:7
(anonymous) @ chart-area-demo.js:32
Chart.min.js:7 Uncaught TypeError: Cannot read property 'length' of null
    at Object.acquireContext (Chart.min.js:7)
    at ni.construct (Chart.min.js:7)
    at new ni (Chart.min.js:7)
    at chart-pie-demo.js:7
acquireContext @ Chart.min.js:7
construct @ Chart.min.js:7
ni @ Chart.min.js:7
(anonymous) @ chart-pie-demo.js:7
xcomp_entregas_entregas_adicionar.php:220 GET http://www.plataformaxcomp.com.br/xcomp_entregas/jquery.2.1.3.min.js net::ERR_ABORTED 404 (Not Found)
xcomp_entregas_entregas_adicionar.php:241 
<section class="panel col-lg-9">

    <header class="panel-heading">
        Dados da busca:
    </header>
        <table class="table table-striped table-advance table-hover">
        <tbody>
            <tr>
                <th><i class="icon_profile"></i> valor_hr_viagem</th>
                <th><i class="icon_profile"></i> valor_por_km</th>
                <th><i class="icon_mail_alt"></i> valor_apos_18</th>
                <th><i class="icon_profile"></i> valor_sabado</th>
                <th><i class="icon_mail_alt"></i> valor_domingo</th>
            </tr>
                        <tr>
                <td>120.1</td>
                <td>190.9</td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
                    </tbody>
    </table>
	
    </section>

Ele mostra as informacoes na tela mas nao consigo pegar as variaveis separadas apos retornar

ShadowDLL · Janeiro 17, 2020

Segue exemplo, abaixo:

INDEX.PHP

<?php require "conexao_dbo.php"; ?>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />

		<title> EXAMPLE </title>

		<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>

		
		<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" />
		<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
	</head>

	<body>
		<div class="container">
			<div class="row">
				<div class="col" style="padding-top: 20px">
					<form method="post">
						<div class="form-group">
							<label for="nome">Nome</label>
							<select class="form-control" id="nome">
								<option>-- SELECIONAR --</option>

							<?php
							$clientes = $arquivo->query("SELECT id, nome FROM clientes");

							foreach ($clientes->fetchAll() as $key) { ?>
								<option value="<?php echo $key['id'] ?>"><?php echo $key['nome'] ?></option>
							<?php } ?>
							?>
							</select>
						</div>

						<div id="info col">
							<table class="table table-striped table-advance table-hover">
								<tbody>
									<tr>
										<th><i class="icon_profile"></i> valor_hr_viagem</th>
										<th><i class="icon_profile"></i> valor_por_km</th>
										<th><i class="icon_mail_alt"></i> valor_apos_18</th>
										<th><i class="icon_profile"></i> valor_sabado</th>
										<th><i class="icon_mail_alt"></i> valor_domingo</th>
									</tr>

									<tr>
										<td id="valor_hr_viagem">R$</td>
										<td id="valor_por_km">R$</td>
										<td id="valor_apos_18">R$</td>
										<td id="valor_sabado">R$</td>
										<td id="valor_domingo">R$</td>
									</tr>
								</tbody>
							</table>
						</div>
					</form>
				</div>
			</div>
		</div>

		<script>
		$(function()
		{
			$("#nome").on ( 'change', function()
			{
				var id = $(this).val();

				$.ajax (
				{
					dataType:"JSON",
					type:"POST",
					data:{
						id_cliente:id
					},
					url:"busca2.php",
					success: function (dados)
					{
						if ( dados ) {
							manipula(dados);
						}
					}
				});
			});
		});

		function manipula(dados)
		{
			$("#valor_hr_viagem").text('R$ ' + dados.valor_hr_viagem);
			$("#valor_por_km").text('R$ ' + dados.valor_por_km);
			$("#valor_apos_18").text('R$ ' + dados.valor_apos_18);
			$("#valor_sabado").text('R$ ' + dados.valor_sabado);
			$("#valor_domingo").text('R$ ' + dados.valor_domingo);
		}
		</script>
	</body>
</html>

BUSCA2.PHP

<?php

	require "conexao_dbo.php";


	if ( $_POST['id_cliente'] )
	{
		$busca = $arquivo->query ("
			SELECT * FROM clientes WHERE id = {$_POST['id_cliente']}
		");


		// IMPORTANTE PARA MANIPULACAO DOS DADOS
		// NO JAVASCRIPT
		echo json_encode(
			$busca->fetch(PDO::FETCH_OBJ)
		);
	}

?>

Jefferson andre · Janeiro 17, 2020

vou testar , agradeço a ajuda

ShadowDLL · Janeiro 17, 2020

Qualquer dúvida envie mensagem

que trabalharemos no mesmo.

Jefferson andre · Janeiro 17, 2020

Ainda nao consegui pegar os campos e colocar no formulario, no buscar3 tudo esta com json_encode

Segue o retorno do console

10{"valor_hr_viagem":"10","valor_por_km":"8","valor_apos_18":"7","valor_sabado":"6","valor_domingo":"5"}

ShadowDLL · Janeiro 18, 2020

Suponho que a resposta em seu

novo tópico irá solucionar o

problema...

Dois forms na mesma pagina, o primeiro enviando dados para o segundo

Recommended Posts

Jefferson andre 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

ShadowDLL 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

Jefferson andre 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

ShadowDLL 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

Jefferson andre 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

ShadowDLL 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

Jefferson andre 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

ShadowDLL 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

Jefferson andre 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

ShadowDLL 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

Crie uma conta ou entre para comentar

Criar uma conta

Entrar

Consulta SQL dentro de outra consulta

Data igual do facebook

Fazer busca no Banco de dados usando vários critério

Conteúdo Similar

Fóruns

Tempo Real

Informação importante