Posten via jquery met feedback
Hoe kan ik instellen dat elke nieuwe regel (met tekstvelden) met een ID in mijn database komt.
En dat m'n <li> het ID terug krijgt uit de database?
Ben een leek op jquery-gebied....
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<script>
$(document).ready(function() {
var max_fields = 20; //maximum input boxes allowed
var wrapper = $(".input_fields_wrap"); //Fields wrapper
var add_button = $(".add_field_button"); //Add button ID
var x = 1; //initlal text box count
$(add_button).click(function(e){ //on add input button click
e.preventDefault();
if(x < max_fields){ //max input box allowed
x++; //text box increment
$(wrapper).append('<li class="drsubject" id=""><table><tr><td style="padding-left: 5px;"><img src="layout/images/cursor.png"></td><td style="padding-left: 5px;"><input type="text" name="titelnaam[]" placeholder="Naam" class="form-control" style="width:200px;"></td><td style="padding-left: 5px;"><input type="text" name="titelfunctie[]" placeholder="Functie" class="form-control" style="width:200px;"></td><td style="padding-left: 5px;"><a href="#" class="remove_field"><i class="fa fa-trash"></i> Verwijder</a></td></tr></table></li>'); //add input box
}
});
$(wrapper).on("click",".remove_field", function(e){ //user click on remove text
e.preventDefault(); $(this).parents('li').remove(); x--;
})
});
</script>
<div id="list"><ul class="input_fields_wrap">
</ul>
</div>
https://api.jquery.com/jquery.post/
Daarmee roep je een script aan op de server, waarin de data in de database wordt geschreven.
$.post( "test.php", { func: "getNameAndTime" }, function( data ) {
console.log( data.name ); // John
console.log( data.time ); // 2pm
}, "json");
</script>
Ik wil het hiermee gaan maken, maar hoe moet mijn php-pagina er zo uitzien?
Iets met: if ($_POST['getNameAndTime']){ ??
En hoe echo ik de name?