Tekstveld opslaan bij wijziging
Op mijn index.php staat een tekstvak.
Hoe kan ik met jquery maken dat er een seintje gaat naar save.php (met de post data) als er iets verandert in het tekstvak?
Kijk eens naar een register formulier hier op de site. Gebruik doen method post en vul save.php in de form.
Sql query die je nodig hebt:
https://www.w3schools.com/sql/sql_update.asp
In dit voorbeeld een knop:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
2
3
4
5
6
7
8
9
10
11
12
13
14
15
$(document).ready(function(){
$("button").click(function(){
$.ajax({
method: "POST",
url: "script.php",
success: function(result){
$("#result").html("Het bericht is geplaatst!");
}
error:function (xhr, ajaxOptions, thrownError){
$("#result").html('Fout:'+ xhr.status + ' '+ thrownError);
}
});
});
});
$("button").click(function(){
$.ajax({
method: "POST",
url: "script.php",
success: function(result){
$("#result").html("Het bericht is geplaatst!");
}
error:function (xhr, ajaxOptions, thrownError){
$("#result").html('Fout:'+ xhr.status + ' '+ thrownError);
}
});
});
});
En in een HTML-element (div, span, wat je maar wilt) met het id result zal dan het resultaat staan.
Je PHP-script zorgt uiteraard voor de opslag van je data.
Gewijzigd op 28/02/2018 13:40:40 door - Ariën -
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
<script>
$(document).ready(function(){
$("input").blur(function(){
alert("This input field has lost its focus.");
});
});
</script>
$(document).ready(function(){
$("input").blur(function(){
alert("This input field has lost its focus.");
});
});
</script>
Is het ook mogelijk om alleen bepaalde tekstvakken zo te laten werken? Dus bijvoorbeeld alleen een tekstvak wat 'naam' heet?
Ik zou je ook aanraden om een timeout in te bouwen. En dit niet per se aan een "blur" te koppelen. Als je namelijk dit tekstveld nooit verlaat als je iets hebt aangepast, en dan wegnavigeert van je pagina zijn de wijzigingen niet opgeslagen.
Ook zou je in JavaScript kunnen tracken of er daadwerkelijk iets is veranderd in je invoer. Dit beide om het aantal onnodige of overbodige wegschrijfacties te minimaliseren.
En ook zou je visueel kunnen maken dat iets is opgeslagen, zodat het ook duidelijk is dat de wijziging permanent is.