Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Bruno Conte

Tela de orçamento com php e ajax ou jquery

Por , em Javascript

Recommended Posts

Bruno Conte    4

Bruno Conte
Postado

Pessoal bom dia, estou com um projeto onde preciso puxar os produtos do banco e ir inserindo no orçamento sem a necessidade de dar refresh na pagina. Hoje meu sistema de orçamento uso session onde preciso sair da pagina para buscar o produto. Pesquisando na internet achei o autocomplete que atende a primeira parte do meu projeto, onde eu busco as informações de acordo que vou digitando a unica duvida no autocomplete e ir digitando o nome e ele alem de aparecer o nome se tem como eu trazer o id do produto?

Minha duvida maior e como adicionar esse produto a session sem dar o refresh.

Hoje eu chamo o link:

<a href="insereproduto.php?add='.$vetor['id_produto'].'">Adcionar</a>

e depois recebo ele:

<?php if(isset($_GET['add'])){

$_SESSION['produtos_'.$_GET['add']] += '1';
echo "
<script type=\"text/javascript\">
alert(\"Produto adcionado com Sucesso!\");
</script>
";
}
$_SESSION['forma'] = $forma;
?>

mais ele sai e entra na pagina e queria algo sem refresh.

Compartilhar este post

Link para o post
Compartilhar em outros sites

gabrieldarezzo    255

gabrieldarezzo
Postado

Basicamente você precisa utilizar o Loop de exibição do seus produtos....

A ideia é ao listar os seus produtos possibilitar o usuario clicar...

'Estaticamente ficaria algo assim:'

<button onclick='insereproduto(1);'> Adicionar Ao Carrinho</button> - Notebook <br /> 
<button onclick='insereproduto(2);'> Adicionar Ao Carrinho</button> - Desktop <br />
<button onclick='insereproduto(3);'> Adicionar Ao Carrinho</button> - Desktop (GAMER)<br />

Abaixo um exemplo mais completo...

<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title></title>
</head>
<body>
	<?php
	
	//Equivalente ao retorno do DB (SELEC id, nome FROM produtos)
	$produtos = array(
		array(
			 'id' 	=> 1
			,'nome'	=> 'Notebook'
		)
		,array(
			 'id' 	=> 2
			,'nome'	=> 'Desktop'
		)
		,array(
			 'id' 	=> 3
			,'nome'	=> 'Desktop (GAMER)'
		)
	);
	
	//Durante o seu Loop você vai adicionar o JS abaixo para que durante o evento 'onclick' do JS, que dispara um ajax.
	foreach($produtos as $produto){
		echo "<button onclick='insereproduto(". $produto['id'] .");'> Adicionar Ao Carrinho</button> - " . $produto['nome'] . "<br />";
	}
	?>


	<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
	<script type="text/javascript">
	function insereproduto(id){
			
			
			$.ajax({
				 url: 'insereproduto.php?add=' + id
				//,data: {name: '132', email: 'test@teste.com'} //Caso utilize o type method POST, pode passar parametros de boa
				,type:'GET'
				,dataType: 'json'
				,success: function(json){
					console.log(json);
				}
				,error: function(json){
					console.log(json);
				}
			});
		}
	
	</script>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

gabrieldarezzo    255

gabrieldarezzo
Postado

Tem um post meu explicando mais sobre ajax utilizando conceitos de jQuery.

https://github.com/gabrieldarezzo/desafiosInternos/tree/master/ajax

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito