AJAX formulier $_GET[''] PHP
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
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
function showMerk(str_merk)
{
if (str_merk=="")
{
document.getElementById("divModelserie").innerHTML="";
return;
}
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("divModelserie").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET", "getmodelserie.php?q="+str_merk,true);
xmlhttp.send();
}
</script>
Dit stukje script haald de gegevens uit de dropdownmenu "showMerk" en zet ze in url.
En getmodelserie.php haald deze gegevens weer op met $_GET[''] en verwerkt ze en plaats ze weer op de pagina. Maar nu wil ik meer gegevens uit het formulier halen en de url uitbreiden.
{
if (str_merk=="")
{
document.getElementById("divModelserie").innerHTML="";
return;
}
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("divModelserie").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET", "getmodelserie.php?q="+str_merk,true);
xmlhttp.send();
}
</script>
Dit stukje script haald de gegevens uit de dropdownmenu "showMerk" en zet ze in url.
En getmodelserie.php haald deze gegevens weer op met $_GET[''] en verwerkt ze en plaats ze weer op de pagina. Maar nu wil ik meer gegevens uit het formulier halen en de url uitbreiden.
Toevoeging op 03/11/2010 11:42:35:
Ik ben inmiddels een stuk verder alleen gaat er ergens nog iets fout aangezien hij de gegeven uit searchcar.php niet ophaald en weer geeft. Hier is mijn code in het kort met het formulier.
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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
function doRequestUsingGET() {
var merk = document.getElementById("merk").value;
var modelserie = document.getElementById("modelserie").value;
var nieuwprijs_min = document.getElementById("nieuwprijs_min").value;
var nieuwprijs_max = document.getElementById("nieuwprijs_max").value;
var energielabel = document.getElementById("energielabel").value;
var co2 = document.getElementById("co2").value;
var brandstof = document.getElementById("brandstof").value;
var verbruik_gem = document.getElementById("verbruik_gem").value;
var carrosserie = document.getElementById("carrosserie").value;
var transmissie = document.getElementById("transmissie").value;
var queryString = "";
queryString = queryString + "?merk=" + merk;
queryString = queryString + "&modelserie=" + modelserie;
queryString = queryString + "&nieuwprijs_min=" + nieuwprijs_min;
queryString = queryString + "&nieuwprijs_max=" + nieuwprijs_max;
queryString = queryString + "&energielabel=" + energielabel;
queryString = queryString + "&co2=" + co2;
queryString = queryString + "&brandstof=" + brandstof;
queryString = queryString + "&verbruik_gem=" + verbruik_gem;
queryString = queryString + "&carrosserie=" + carrosserie;
queryString = queryString + "&transmissie=" + transmissie;
var url = "searchcar.php";
url = url + queryString ;
// alert(queryString);
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("divAutos").innerHTML=xmlhttp.responseText;
}
}
xmlHttp.open("GET", url, true);
xmlHttp.send();
}
</script>
<form action="#" onsubmit="return(doRequestUsingGET())">
<input type="submit" value="Zoeken" style="width:150px; margin-</form>
<table width="585" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div id="divAutos"></div></td>
</tr>
</table>
var merk = document.getElementById("merk").value;
var modelserie = document.getElementById("modelserie").value;
var nieuwprijs_min = document.getElementById("nieuwprijs_min").value;
var nieuwprijs_max = document.getElementById("nieuwprijs_max").value;
var energielabel = document.getElementById("energielabel").value;
var co2 = document.getElementById("co2").value;
var brandstof = document.getElementById("brandstof").value;
var verbruik_gem = document.getElementById("verbruik_gem").value;
var carrosserie = document.getElementById("carrosserie").value;
var transmissie = document.getElementById("transmissie").value;
var queryString = "";
queryString = queryString + "?merk=" + merk;
queryString = queryString + "&modelserie=" + modelserie;
queryString = queryString + "&nieuwprijs_min=" + nieuwprijs_min;
queryString = queryString + "&nieuwprijs_max=" + nieuwprijs_max;
queryString = queryString + "&energielabel=" + energielabel;
queryString = queryString + "&co2=" + co2;
queryString = queryString + "&brandstof=" + brandstof;
queryString = queryString + "&verbruik_gem=" + verbruik_gem;
queryString = queryString + "&carrosserie=" + carrosserie;
queryString = queryString + "&transmissie=" + transmissie;
var url = "searchcar.php";
url = url + queryString ;
// alert(queryString);
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("divAutos").innerHTML=xmlhttp.responseText;
}
}
xmlHttp.open("GET", url, true);
xmlHttp.send();
}
</script>
<form action="#" onsubmit="return(doRequestUsingGET())">
<input type="submit" value="Zoeken" style="width:150px; margin-</form>
<table width="585" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div id="divAutos"></div></td>
</tr>
</table>
Gewijzigd op 03/11/2010 11:44:59 door Web razor
Code (php)
1
2
3
2
3
queryString = queryString + "?merk=" + merk;
// ==
queryString += "?merk=" + merk;
// ==
queryString += "?merk=" + merk;