javascript voor de php code?
Ik zou graag van onderstaande php script een javascript script willen maken. Heb weinig kennis van javascript. vandaar even hier de vraag. de reden dat ik deze in javascript wil hebben is dat ik vervolgens een ajax loop wil creeren.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script>
for($i = 0; $i <= 7; $i++) {
${"titel$i"} = "titel1";
${"titel$i"} = "titel2";
${"titel$i"} = "titel3";
echo $titel1;
echo " ";
echo $titel2;
echo " ";
echo $titel3;
echo " ";
}
</script>
for($i = 0; $i <= 7; $i++) {
${"titel$i"} = "titel1";
${"titel$i"} = "titel2";
${"titel$i"} = "titel3";
echo $titel1;
echo " ";
echo $titel2;
echo " ";
echo $titel3;
echo " ";
}
</script>
https://www.w3schools.com/js/js_loop_for.asp
Gewijzigd op 28/09/2023 10:15:50 door - Ariën -
Gewijzigd op 28/09/2023 10:15:37 door - Ariën -
vervolgens word steeds de inhoud van het desbreffende element per id via ajax doorgestuurd naar een php bestand die ze weer op de juiste manier kan opslaan in de database.
Maar ik weet niet of dit de juiste weg is. ik heb ook iets gelezen dat ik alle id's eerst in een array zou kunnen zetten. Maar ik weet niet of dit kan, aangezien ik nooit welke id's er zoal voorkomen op de pagina. Het zouden er 40 kunnen zijn, maar ook 55 etc. en zou ook pas kunnen beginnen met bijv. titel9. hierbij kan ook bijv. titel15 ontbreken. Is er een mogelijkheid om de pagina te scannen op alle id's beginnende met "titel" en deze in een array te plaatsen? hierbij moet ik wel vermelden dat het hoogste volgnummer wel bekend is. De lengte van de loop loopt dan t/m dit hoogste nummer.
Hoe bedoel je precies met jouw opmerking "AJAX-request uitvoeren, en die doorlopen".
Toevoeging op 28/09/2023 10:30:26:
de loop is dus nodig om het toegevoegde nummer van een id in te lezen. in php heb ik dus in de loop het opeenlopende nummer toegevoegd aan een variable zie:
Code (php)
1
${"titel$i"} = "titel1";
Maar hoe dit in javascript te realiseren? Of is er een totaal andere oplossing mogelijk?
Gewijzigd op 28/09/2023 10:33:44 door Paul Weiss
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<h1 id="titel1">Dit is titel 1</h1>
<h2 id="titel2">Dit is titel 2</h2>
<p id="titel3">Dit is titel 3</p>
<div id="geenTitel">Dit is geen titel</div>
<script>
$(document).ready(function() {
// Maak een lege array voor de gevonden ID's
var titelIds = [];
// Zoek alle ID's die beginnen met "titel"
$('[id^="titel"]').each(function() {
// Voeg het ID toe aan de array
titelIds.push(this.id);
});
// De titelIds-array bevat alle overeenkomende ID's, zet deze in een debug console.log
console.log(titelIds);
});
</script>
<h2 id="titel2">Dit is titel 2</h2>
<p id="titel3">Dit is titel 3</p>
<div id="geenTitel">Dit is geen titel</div>
<script>
$(document).ready(function() {
// Maak een lege array voor de gevonden ID's
var titelIds = [];
// Zoek alle ID's die beginnen met "titel"
$('[id^="titel"]').each(function() {
// Voeg het ID toe aan de array
titelIds.push(this.id);
});
// De titelIds-array bevat alle overeenkomende ID's, zet deze in een debug console.log
console.log(titelIds);
});
</script>
titelIds kan je vervolgens verpakken tot een 'pakketje' die je aan AJAX kan voeren:
Code (php)
1
var dataToSend = { titelIds: titelIds };
Toevoeging op 28/09/2023 11:17:28:
hoi arien. ik krijg niet te zien wat de inhoud van het pakketje is. via console.log(titelIds); zouden deze toch weergegeven moeten worden? of mis ik iets?
Gewijzigd op 28/09/2023 11:43:12 door Paul Weiss
Gewijzigd op 28/09/2023 11:49:20 door - Ariën -
Gewijzigd op 28/09/2023 11:50:26 door Paul Weiss
Het kan ook met het normale 'vanilla' Javascript, maar jQuery heeft handige functies om het sneller te schrijven.
Puur gewenning van mij.
Toevoeging op 28/09/2023 12:10:29:
Ben er even mee bezig. maar kom er toch niet aan uit. Hoe kan ik nu van elk desbtreffende id de inhoud van het bijbehorende element via ajax toewijzen?
In het verleden deed ik dit dus per id als onderstaand. En hoe moet ik dit dan in het php bestand moeten gaan opvangen aangezien de array reeks flexibel is?
[
<h1 id="titel1">Dit is titel 1</h1>
<h1 id="titel3">Dit is titel 3</h1>
<script>
$titel1 = $('#titel1').html();
</script>
]
Gewijzigd op 28/09/2023 12:05:04 door Paul Weiss
var dataToSend = { titelIds: titelIds };
Nu kan je dataToSend voeren als data aan AJAX.
var dataToSend = JSON.stringify({ titelIds: titelIds });
Dan kan je het makkelijker verwerken.