Estou a tentar enviar um dado para uma página PHP com AJAX, mas não estou a conseguir descobrir como fazer funcionar, vou passar a explicar o que tenho até agora!
O menu de dropdown está com o seguinte código:
<div class="btn-group">
<button class="btn btn-danger btn-lg dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
BOTÂO <span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu" id="status">
<li data="1"><a href="#">valor 1</a></li>
<li data="2"><a href="#">valor 2</a></li>
</ul>
</div>
E o AJAX está assim:
$(document).on('click','#status li',function(){
$.ajax({
url: 'exemple.php',
type: 'POST',
data: {
'valor': $('#data').val()
},
});
});
É possível enviar o valor de um dropdown-menu feito em Bootstrap? Como eu posso pegar o valor na página exemple.php? Penso que a parte do AJAX está errada, mas não esto a conseguir resolver!