Ajax in jQuery werkt als volgt:
var myData=1;
$.ajax({
type:'POST',//type of ajax
url:'mypage.php',//where the request is going
data:myData,//the variable you want to send
beforeSend:function(xhr){//as a standard, I add this to validate stuff
if(someThingWrong===true)xhr.abort//aborts xhttpRequest
},
success:function(result){
//result is your result from the xhttpRequest.
}
});
Hierdoor wordt uw pagina niet vernieuwd, maar wordt een 'POST' naar de opgegeven url gestuurd. Op de door u opgegeven pagina wilt u doen wat u maar wilt en zeggen dat u een resultaat wilt retourneren. In mijn voorbeeld doe ik iets simpels:
if($_POST['myData']===1)return True;
Dat is de basis van een AJAX-verzoek met jQuery.
BEWERK!
het initiëren van een AJAX-script:Ik ben slechts een gok, want ik ken je elementen in je html niet, noch je scripts wat dan ook! Je zult dus aanpassingen moeten doen!
$('button.dislike').click(function(){
$.ajax({
type:'POST',
url:'disliked.php',
data:{dislike:$(this).attr('id')},
success:function(result){
$(this).prev('span').append(result);
}
});
});
PHP:gebruik geen mysql, het is nu afgeschreven en wordt als een slechte gewoonte beschouwd, ik weet ook niet waarom sprintf voor de query wordt gebruikt? :S
$DBH=new mysqli('location','username','password','database');
$get=$DBH->prepare("SELECT dislike FROM random WHERE ids=?");
$get->bind_param('i',$_POST['dislike']);
$get->execute();
$get->bind_result($count);
$get->close();
$update=$DBH->prepare('UPDATE random SET dislike=? WHERE ids=?');
$update->bind_param('ii',++$count,$_POST['dislike']);//if you get an error here, reverse the operator to $count++.
$update->execute();
$update->close();
return String $count++;
Dit werkt alleen als er in uw HTML een reeks knoppen is met ID's die overeenkomen met die in uw database. Dus
$get=$DBH->prepare('SELECT ids FROM random');
$get->execute();
$get->bind_result($ids);
while($get->fetch()){
echo"<button class='dislike' id='".$ids."'>Dislike this?</button>";
}
Ik hoop dat je een algemeen idee krijgt van hoe ik je afkeer-knopsysteem beheer XD lol