Consultar e Exibir resultado com ajax ou jquery

JuanPG · Junho 14, 2015

Pessoal faz pouco que iniciei com javascript, ajax e jquery... preciso de ajuda...

pesquisando encontri um script na web para envio de formulario via ajax... até ai tudo bem...ele envia o formulario para uma pagina php...e grava os dados no mysql... porem no formulario eu tenho um campo "id" e eu preciso que quando eu envie esse formulario ele grave os dados e retorne o resultado da contagem dos dados... exemplo...antes de enviar o form eu tenho "id" com valor 51 e depois quando eu enviar ele atualize esse valor para 53 pois ele gravou o form pelo send.php e o send.php retornou um novo valor... segue o codigo...

index.php

<?php
if (!isset($_SESSION)) session_start();
//if not exist a session destroy
if (!isset($_SESSION['username'])) {
	    // destroy session 
	    session_destroy();
	    // redirect again to the index
	    header("Location: ../index.php"); exit;
	}
	
	$sesname = $_SESSION['username'];
?>
<?php
$date = date("d/m/Y");
$time = date("H:i:s");
include "../global/connection.php";
?>
<!DOCTYPE html>
<html>
	<head>
		<title>Bem-Vindo <?php echo $sesname; ?></title>
		<link rel="stylesheet" href="style/css_index.css" type="text/css" />
		<script type="text/javascript" language="javascript" src="js/jquery-1.3.2.js"></script>
		<script type="text/javascript">
		$(function($) {
			$("#form").submit(function(){
				var id = $("#id").val();
				var client_name = $("#client_name").val();
				var equipment = $("#equipment").val();
				var model_equip = $("#model_equip").val();
				var serial_number = $("#serial_number").val();
				var os_infohouse = $("#os_infohouse").val();
				var inside_date = $("#inside_date").val();
				var inside_hour = $("#inside_hour").val();
				var problem_presents = $("#problem_presents").val();
				var obs = $("#obs").val();
				var os_status = $("os_status").val();
				
				$("#status").html("<img src='img/ajax-loader.gif' alt=''");
				$.post("send.php", {id: id, client_name: client_name, equipment: equipment, model_equip: model_equip, serial_number: serial_number, os_infohouse: os_infohouse, inside_date: inside_date, inside_hour: inside_hour, problem_presents: problem_presents, obs: obs, os_status: os_status}, function(resposta){
				
				$("#status").slideDown();
				// Se a resposta é um erro
				if (resposta != false) {
					// Exibe o erro na div
					$("#status").html(resposta);				
				}
				else {
					$("#status").html("Mensagem enviada com sucesso!");
					var nome  = $("#id").val();

      //usar o metodo ajax da biblioteca jquery para postar os dados em rowcount.php
      $.ajax({
         "url": "../global/rowcount.php",
         "dataType": "GET",
         "data": {
            "rowCount" : id,
         },
         "success": function(response) {
            //em caso de sucesso, a div id recebe o response do post
            $("#id").html(response);
         }

      });
				}
				});
			});
		});
		</script>
	</head>
	
	<body>
		<header>
			<center><div id="title_of_page">Bem-Vindo <?php echo $sesname; ?></div></center>
		</header>
		<nav>
			<div id="menu">
				<ul id="tools">
					<a href="?page=new_os" class="link"><li id="sub_tools" class="a_new">Nova OS</li></a>
					<a href="?page=search" class="link"><li id="sub_tools" class="a_search">Pesquisar</li></a>
					<a href="?page=new_client" class="link"><li id="sub_tools" class="a_client">Novo Cliente</li></a>
					<a href="?page=new_user" class="link"><li id="sub_tools" class="a_user">Novo Usuário</li></a>
					<a href="../logout.php" class="link"><li id="sub_tools" class="a_logout">Sair</li></a>
				</ul>
			</div>
		</nav>
		<section>
			<?php include "switch.php"; ?>
		</section>
	</body>
</html>

new_os.php

<?php
include "../global/connection.php";
include "../global/rowcount.php";
?>
<form id="form" action="javascript:func()" method="post">
	<table>
		<tr>
			<td>Número O.S<br /><input type="text" name="id" id="id" class="c_md" onload="altera()" value="<?php echo $rowCount+1; ?>" readonly="readonly" /></td>
			<td>Nome do Cliente*<br /><input type="text" name="client_name" id="client_name" class="c_m" /></td>
		</tr>
		<tr>
			<td>Equipamento*<br /><select name="equipment" id="equipment">
				<option value="" selected="selected">Select...</option>
				<option value="All-in-One">All-in-One</option>
				<option value="Desktop">Desktop</option>
				<option value="Impressoras">Impressoras</option>
				<option value="Notebook">Notebook</option>
				<option value="Nobreak">Nobreak</option>
			</select>			
			</td>
			<td>Modelo*<br /><input type="text" name="model_equip" id="model_equip" class="c_m" /></td>
		</tr>
		<tr>
			<td>Número de Série<br /><input type="text" name="serial_number" id="serial_number" class="c_m" /></td>
			<td>O.S InfoHouse<br /><input type="text" name="os_infohouse" id="so_infohouse" class="c_m" /></td>
		</tr>
		<tr>
			<td>Data de Entrada<br /><input type="text" name="inside_date" id="inside_date" class="c_m" value="<?php echo $date; ?>" readonly="readonly" /></td>
			<td>Hora de Entrada<br /><input type="text" name="hour_date" id="hour_date" class="c_m" value="<?php echo $time; ?>" readonly="readonly" /></td>
		</tr>
		<tr>
			<td>Problema Apresentado*<br /><textarea name="problem_presents" id="problem_presents" class="cm_d"></textarea></td>
			<td>Obs<br /><textarea name="obs" id="obs" class="cm_d"></textarea></td>
		</tr>
		<tr><td colspan="2"><input type="hidden" name="os_status" id="os_status" value="open" /></td></tr>
		<tr><td><input type="submit" value="ok" /></td></tr>
	</table>
</form>
<div id="status"></div>

send.php

<?php
//Info DataBase
include "../global/connection.php";

$id = $_POST['id'];
$client_name = $_POST['client_name'];
$cpf_cnpj = $_POST['cpf/cnpj'];
$adress_client = $_POST['adress_client'];
$neighborhood = $_POST['neighborhood'];
$phone_client = $_POST['phone_client'];
$equipment = $_POST['equipment'];
$model_equip = $_POST['model_equip'];
$serial_number = $_POST['serial_number'];
$os_infohouse = $_POST['so_infohouse'];
$inside_date = $_POST['inside_date'];
$inside_hour = $_POST['inside_hour'];
$problem_presents = $_POST['problem_presents'];
$obs = $_POST['obs'];
$os_status = $_POST['os_status'];
$attendant = $POST['attendant'];

$insert = $conn->prepare("INSERT INTO tabela (id, client_name) VALUES(:id, :client_name)");
$insert->bindValue(':id', $id);
$insert->bindValue(':client_name', $client_name);
$insert->execute();

if($insert){
	echo false;
}else{
	echo 'nao deu';
}

$select = $conn->prepare("SELECT * FROM tabela;");
$select->execute();
$rowCount = $select->rowCount();

?>

rowcount.php

<?php
$select = $conn->prepare("SELECT id FROM service_orders;");
$select->execute();
$rowCount = $select->rowCount();
?>

connection.php

<?php
//Info DataBase
$hostname = "localhost";
$dbname = "db";
$dbuser = "root";
$dbpass = "";

//Start Connection
$conn = new PDO("mysql:host=$hostname;dbname=$dbname;",$dbuser,$dbpass);
?>

Peço a ajuda de voces por favor...

julianosts · Junho 15, 2015

Salve Juan,

Qual o valor de $rowCount que ele ta retornando na tela?

JuanPG · Junho 15, 2015

Respondendo em Consultar e Exibir resultado com ajax ou jquery

Na verdade ele me nao me rretorna nenhum valor... Pois ele nao atualiza o campo... Quando eu carrego a pagina ele gera a contagem... Porem eu quero que ao enviar o form ele consulte o rowcount. Php e atualize o valor de registros que existem... Soh que ele nao atualiza... Continua o mesmo numero do início...

Entrar

Arquivado

Consultar e Exibir resultado com ajax ou jquery

Recommended Posts

JuanPG 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

julianosts 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

JuanPG 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Fixar div até atingir uma certa altura

Ajuda com Extends e envio para o banco

PHP+Codeginiter - Orientação para Impressão

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante