Xavier
Alterar valor de input type="text"
10 de June de 2018 às 01:57AM
Olá pessoal!

Eu preciso apenas alterar um campo input type no meu carrinho de compras. Como faço isso, de forma que quando eu retornar e incluir outro item, minha alteração permaneça no carrinho?

Só lembrando que neste momento eu não estou atualizando nada ainda na base de dados e sim na session[carrinho].

Desde já agradeço.
Xavier
Re: Alterar valor de input type="text"
13 de June de 2018 às 02:48AM
Olá pessoal!

Estou enviando para o carrinho de compras o id com esta ação:


<a href="carrinho.php?acao=add&id='.$id.'">

Criei um intpu type="Text" o qual está fora da table, porém dentro das tags <form></form>
Quero enviar o valor do input, para a página carrinho.php.
Como fazer isso com Ajax?
Eu tentei dessa forma aquí, mas sem sucesso:


<script type="text/javascript">
$(document).ready(function(){

//evento quando clicar no link com id="pegar-valor"
$("#add_car_vitrine").click(function(e){

//pegamos o valor do input
var valor = $("input[name=numero]").val();

if($("#numero").val()==""){
alert("Digite sua numeração!");
//impede o submit e mantem na página
return false;
}
//mostramos o valor com alert()
//alert(valor);
$.post('carrinho.php',
{numero: valor},function(data)
{

});
});
});
</script>


(...)

</table>

Sua numeração:
<input type="text" value="" id="numero" maxlength="2" placeholder="Digite" size="3" align="center">

</form>

(...)
Trambulhao
Re: Alterar valor de input type="text"
14 de June de 2018 às 03:37PM
Um Exemplo:

form.php
---------

<?php
$id = 2;
?>
<form action="carrinho.php?acao=add&id=<?php echo $id;?>" method="post" id="frm_carrinho">
<input type="number" name="numero" value="" min="1" required>
<button type="submit">enviar</button>
</form>
<script src="main.js"></script>

main.js
-------

function ajaxID(frm) {

let numero = frm.elements["numero"];

if (numero.value) {
let formData = new FormData(frm);
formData.append('num', numero.value);
console.log(formData);

let xhr = new XMLHttpRequest();
xhr.open('POST', frm.action, true);
xhr.onload = function() {
// RESPOSTA CARRINHO:PHP
console.log(xhr.responseText);
};
xhr.send(formData);
}

return false;
}

var frm_carrinho = document.querySelector('#frm_carrinho');

frm_carrinho.addEventListener('submit', function(e){
e.preventDefault();
ajaxID(frm_carrinho);
});

Carrinho.php
------------

<?php
$numero = $_POST['numero'];
echo $numero;
?>
Você precisa estar logado no PHPBrasil.com para poder enviar mensagens para os nossos fóruns.

Faça o login aqui.