Jquery AJAX hoe was het ook alweer?
Ik ben bezig met een nieuwe website, en ben een zoekfunctie aan het maken.
De zoekfunctie werkt al wel maar zit eigenlijk met 1 ding dat ik anders wil hebben.
Op dit moment heb ik het zo gemaakt dat ik een $_GET request naar de server stuur en in mijn controller roept hij de database aan voor resultaten te krijgen. Werkt allemaal perfect.
Echter als ik alles weg haal uit het zoekveld wil ik dat er niets zichtbaar is. Maar dat gebeurd niet.
Ik krijg gewoon alle resultaten te zien. Ik heb werkelijk geen flauw idee hoe ik dit voor elkaar krijg.
Vroeger (hehe nou klinkt het oud.) kon je toch gewoon return false doen? en dan gebeurde er niets.
Zie ik iets over het hoofd? Wat kan hier de oplossing voor zijn?
Ik heb even de code weer terug gezet zoals hij nu is en werkt.
De code in js:
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
$(document).ready(function () {
$("#searchbox").on('keyup',function () {
var key = $(this).val();
$.ajax({
url:'https://www.bartsfotos.nl/search',
type:'GET',
data:'keyword='+key,
beforeSend:function () {
$("#results").slideUp('fast');
},
success:function (data) {
$("#results").html(data);
$("#results").slideDown('fast');
}
});
});
});
$("#searchbox").on('keyup',function () {
var key = $(this).val();
$.ajax({
url:'https://www.bartsfotos.nl/search',
type:'GET',
data:'keyword='+key,
beforeSend:function () {
$("#results").slideUp('fast');
},
success:function (data) {
$("#results").html(data);
$("#results").slideDown('fast');
}
});
});
});
Ik heb ook een live versie staan op bartsfotos.nl
Alvast bedankt voor het meedenken.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
$(document).ready(function () {
$("#searchbox").on('keyup',function () {
var key = $(this).val();
if(key.length >= 1) {
$.ajax({
url:'https://www.bartsfotos.nl/search',
type:'GET',
data:'keyword='+key,
beforeSend:function () {
$("#results").slideUp('fast');
},
success:function (data) {
$("#results").html(data);
$("#results").slideDown('fast');
}
});
} else {
$("#results").html('');
});
});
$("#searchbox").on('keyup',function () {
var key = $(this).val();
if(key.length >= 1) {
$.ajax({
url:'https://www.bartsfotos.nl/search',
type:'GET',
data:'keyword='+key,
beforeSend:function () {
$("#results").slideUp('fast');
},
success:function (data) {
$("#results").html(data);
$("#results").slideDown('fast');
}
});
} else {
$("#results").html('');
});
});
Gewijzigd op 23/09/2017 11:11:39 door Frank Nietbelangrijk
Wat zat ik weer eens moeilijk te denken.
Hartelijk dank voor je hulp. Dit werkt netjes.
Toppie!
Ik heb wel van $("#results").html(''); veranderd naar $("#results").hide();
Dan weet ik zeker dat er niets meer word weergegeven.
Gewijzigd op 23/09/2017 12:54:31 door Bart V B