"Mr J.." <Nomail@nomail.dk> skrev i en meddelelse
news:4741924e$0$90270$14726298@news.sunsite.dk...
> Hejsa,
>
> Sidder og leger med AJAX, og det virker som sådan ok, som jeg vil have det
> til :)
> Men jeg er mildeste talt ikke så stærk i javascript, så det æder jo lidt
> tid, så jeg håber i vil hjælpe mig lidt her:
>
> Jeg søger i en database efter navn, og dvs at der skal kunne vises alt fra
> 2 til 25 søgefelter og unikke resultater.. det er jo nemt nok bare at copy
> paste koden, men det er jo lidt klumset.. frontenden er intet problem, det
> laver jeg med php, men javascriptdelen kan jeg ikke lige gennemskue
> hvordan jeg skal fikse..
>
> Frontend delen i ren html.
>
> <head>
> <script language="javascript" src="ajax.js"></script>
> </head>
>
> <html>
> <input type="text" id="navn1" size="12">
> <input type="button" value="Søg elev" id="button" onClick="doSearch1();">
> <input type="hidden" id="nr" value="1">
> </form>
> <div id="answer1" style="display: inline; font-size: 16px"></div>
> <br>
> <input type="text" id="navn2" size="12">
> <input type="button" value="Søg elev" id="button" onClick="doSearch2();">
> <input type="hidden" id="nr" value="2">
> </form>
> <div id="answer2" style="display: inline; font-size: 16px"></div>
> </html>
>
>
> Og nu kommer javascript delen så (kun det relevante):
>
> function doSearch1(){
> var url = "backend.php?navn=" + document.getElementById('navn1').value;
>
> http.open("GET", url, true);
> http.onreadystatechange = handleHttpResponse1;
> http.send(null);
> }
>
> function handleHttpResponse1(){
> if(http.readyState == 4){
> document.getElementById('answer1').innerHTML = http.responseText;
> }
> }
>
> function doSearch2(){
> var url = "backend.php?navn=" + document.getElementById('navn2').value;
>
> http.open("GET", url, true);
> http.onreadystatechange = handleHttpResponse2;
> http.send(null);
> }
>
> function handleHttpResponse2(){
> if(http.readyState == 4){
> document.getElementById('answer2').innerHTML = http.responseText;
> }
> }
>
>
> Er der ikke en måde man kan få den til at genere doSearch og
> handleHttpResponse selv, eller skal jeg lave 25 sæt af dem, for at få de
> forskellige indputs og outputs?
>
> Mvh
> Morten
>
>
>
Uden at gå i detallier med dit script, og copy paste + tilretning fra din
egen kode, som den er gengivet her.
var disp_ajax = null;
function doSearch( navn_elem, res_disp){
var url = "backend.php?navn=" + document.getElementById( navn_elem).value;
disp_ajax = document.getElementById( res_disp).
http.open("GET", url, true);
http.onreadystatechange = handleHttpResponse;
http.send(null);
}
function handleHttpResponse(){
if(http.readyState == 4){ // bør checke her at disp_ajax faktisk eksisterer
disp_ajax.innerHTML = http.responseText;
}
}
HTML
<input type="text" id="navn1" size="12">
<input type="button" value="Søg elev" id="button" onClick="doSearch(
'navn1', 'answer1');">
<input type="hidden" id="nr" value="1">
<div id="answer1" style="display: inline; font-size: 16px"></div>
Det eneste du så skal passe på er, ikke at starte 2 requests samtidig.
(sæt evt.
http.open("GET", url, false);
i stedet; det giver synkron - også kaldet blocking - kald i stedet, og
scriptet venter til den igangværende request er afsluttet.)
Hvis det skal være muligt at foretage to requests samtidig, skal både http
og disp_ajax elementer være unike.
Birger