AJAX probleem

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Developer Low-code

Dit ga je doen Low-code ontwikkeling van software voor landelijk bekende organisaties; Opleveren van mooie eindproducten, middels de Agile methodiek; Samenwerken in een team van 10 collega's; Direct contact met de eindklant over de gewenste oplossingen. Hier ga je werken Als Developer kom je te werken in de regio van Lelystad bij een organisatie die met toonaangevende klanten uit heel Nederland samen werkt. De producten en diensten van de organisatie bereiken miljoenen Nederlanders. Hierbij komt een grote hoeveelheid informatie kijken en deze moet discreet en veilig verwerkt worden. De processen die hierbij horen worden door het IT team vormgegeven. De

Bekijk vacature »

.NET developer

Functie The position we have for you As a .NET developer you will work for one of our customers active in the High Tech Industry. Our customers are mainly located in the Eindhoven area. We are very selective when it comes to the projects we accept and therefore only focus on innovative and complex projects. Because our customers are mainly specialized in machine construction, you often work close to the machines. Our team currently consists of Embedded engineers, IOT developers and Cloud engineers. We mainly work on Microsoft projects where WPF, UWP, .NET Core and Microsoft Azure are used. Eisen

Bekijk vacature »

Junior PHP Developer

Je maakt een vliegende start van je carrière, door meteen mee te bouwen aan de digitale aspecten van Coolblue. Wat doe je als Junior PHP Developer bij Coolblue? Als Junior PHP Developer ben je meteen vanaf de start onderdeel van een development team. Je kijkt veel mee met collega’s en volgt trainingen om te groeien als Junior Developer. Op dat moment komt je wil om steeds te blijven leren naar boven. Daarnaast pak je in de sprints ook je eigen stories op om Coolblue iedere dag een beetje beter te kunnen maken. Je sterk analytisch vermogen komt dan ook goed

Bekijk vacature »

Junior Back end developer PHP, Symfony

Functie Wij hebben onlangs onze eerste collega’s aangenomen, waardoor ons development team momenteel uit 4 personen bestaat. We bouwen onze software op basis van een PHP-framework (wat op zichzelf een Symfony framework is). Qua ontwikkeling focussen wij ons op 3 focus velden; – API-ontwikkeling/ Component Creatie – Implementatie – Framework ontwikkeling; het toevoegen van nieuwe functionaliteit of interne microservices Onze senior software engineer focust zich momenteel op de laatste twee punten, maar wij komen handen te kort op het eerste veld. Daarom zijn wij op zoek naar een enthousiaste junior software engineer die graag de kneepjes van het vak wil

Bekijk vacature »

Medior/Senior Software Developers gezocht in de Ra

Functie Op dit moment staan er posities open voor de volgende functies: Front-end, Back-End & Fullstack software developer. Als Front-End software developer werk je met JavaScript en de bijbehorende technologieën zoals TypeScript, Angular, React, Vue en Svelte. Als Back-End software developer ben je bezig in NodeJS en doe je dit met behulp van AWS, NoSQL, REST en GraphQL. Je krijgt leuke en uitdagende opdrachten met een gemiddelde duur van anderhalf jaar. Hier werk je in een team met andere IT’ers aan het ontwikkelen en verbeteren van software. Je wordt begeleid door een accountmanager die fungeert als jouw aanspreekpunt. Het team

Bekijk vacature »

Laravel developer

Zie jij mogelijkheden om onze tooling technisch te verbeteren en uit te bouwen? Over Jobmatix Jobmatix is een innovatieve en internationale speler op het gebied van jobmarketing. Onze jobmarketing automation tool helpt organisaties bij het aantrekken van nieuw talent door vacatures digitaal, geautomatiseerd en op een efficiënte manier te adverteren en onder de aandacht te brengen bij de doelgroep op 25+ jobboards. Volledig performance-based, waarbij organisaties betalen op basis van cost per click of cost per applicant. Maandelijks wordt onze jobmarketing automation tool al gebruikt door vele directe werkgevers, intermediairs en mediabureaus, waaronder Picnic, Rijkswaterstaat, AdverOnline, Schiphol, DPA, Teleperformance en

Bekijk vacature »

Fullstack JavaScript Developer Webapplicaties

Bedrijfsomschrijving Voor deze organisatie ben ik op zoek naar een getalenteerde Fullstack JavaScript Developer. Ze is een snelgroeiend software development agency dat zich richt op het ontwikkelen van moderne webapplicaties en complexe systemen voor haar klanten. Ze is gevestigd onder de rook van Utrecht en heeft als doel om tot de top van de Nederlandse agencies te behoren. Deze organisatie maakt softwareoplossingen voor verschillende soorten bedrijven. Innovatie staat hoog in het vaandel en je zult dus met nieuwe technieken aan de slag gaan. Ze hebben klanten in vele branches zitten, zoals retail, finance, gezondheid en onderwijs. De diverse klanten zorgen

Bekijk vacature »

Front-end React developer

Functie Het frontend team bestaat momenteel uit 4 dedicated front-enders en is hard aan het groeien! Ook werken er diverse designers waar je veel mee schakelt. Samen leveren jullie een essentiële bijdrage aan de applicaties die ze voor hun klanten realiseren, jij bent hierin de schakel tussen de eindgebruiker en de slimme backend. Je werkt in het frontend team samen met de backend teams en product owners om te zorgen dat onze applicaties een fijne gebruikerservaring opleveren. Ze werken o.a. met: React, Atomic design, Styled components, JavaScript / TypeScript, NPM, Webpack Blade templates, HTML, SCSS, Git flow. Eisen • HBO

Bekijk vacature »

Junior .NET developer

Functie Als junior .NET ontwikkelaar start jij in een ontwikkelteam met 7 .NET developers. In ons team werken er drie senior .NET developer, twee medior .NET developers en twee junior .NET developers. Er is dan ook genoeg senioriteit in ons team om jou te kunnen bieden wat jij nodig hebt! Wij werken in scrum en hebben drie wekelijkste sprints. Daarnaast doen wij minimaal vier keer per jaar een release. Ons platform is ontzettend complex en groot. Het is dan ook in het begin belangrijk dat jij de processen gaat begrijpen. Jij krijgt dan ook een cursus om beter te begrijpen

Bekijk vacature »

Medior/senior front end developer

Functie Vanwege de groei binnen het bedrijf zijn we op zoek naar versterking in het development team. Als back-end developer bouw je aan de bedrijfssoftware die ons helpt bij de primaire processen. Een leuk (intern) project dus waarbij je de software continu doorontwikkeld! Je werkt in een klein team, we hebben dagelijks stand-ups en iedere twee weken een scrum-sessie, begeleid door onze Scrum Master. Hierin krijg je uitgebreid de kans om je ideeën te presenteren, en te overleggen met je mede-ontwikkelaars en de Product Owner. Binnen de ontwikkelteams gebruiken we Trello, Gitlab, Jiira, Confluence en Boockstack. Hiernaast werken ze met

Bekijk vacature »

Junior Software developer

Functie Als junior .NET ontwikkelaar start jij in een compact team met drie ervaren .NET ontwikkelaars. Wij werken op projectbasis en begeleiden zelf het hele traject van A tot Z. Wij bieden jou dan ook een brede functie aan met veel technische uitdaging! Ons traject ziet er als volgt uit: 1) Wij analyseren de behoefte van onze klant 2) Wij werken de behoefte uit en vertalen dit naar technische werkzaamheden en maken een uren/kosten schatting; 3) Wij gaan aan de slag met het ontwikkelen van het product met directe feedback van de klant, zodat datgene gerealiseerd wordt, wat gewenst is;

Bekijk vacature »

Full Stack C#.NET developer

Functieomschrijving Wij zijn op zoek naar een gepassioneerde Full Stack C#.NET Software Developer. Als Software Developer ben je verantwoordelijk voor het ontwikkelen van webapplicaties, apps en dashboards voor de eigen IOT-oplossingen. Je werkt samen met andere ontwikkelaars en engineers om de sensoren in machines uit te lezen en deze data om te zetten in management informatie voor jullie klanten. Taken en verantwoordelijkheden: Ontwikkelen en onderhouden van webapplicaties, apps en dashboards voor de eigen IOT-oplossingen. Testen en valideren van de ontwikkelde software. Actief deelnemen aan code reviews en bijdragen aan het verbeteren van de kwaliteit van de software. Je gaat aan

Bekijk vacature »

Mendix Consultant / Developer

Dit ga je doen Het in kaart brengen en analyseren van de functionele wensen van de klant rondom Mendix applicaties; Het fungeren als sparringpartner voor de (interne) klanten; Het opstellen van requirements en het vertalen hiervan naar technische mogelijkheden; Het opstellen van user stories; Het bouwen van de Mendix applicaties in samenwerking met jouw team of zelfstandig; Het testen van op te leveren software en het zorg dragen voor de implementatie; Trainen van gebruikers in het gebruik van de applicatie; Werken in een Agile omgeving. Hier ga je werken De organisatie begeeft zich in de retail branche en focust zich

Bekijk vacature »

Junior/medior Back end developer PHP, Laravel

Functie Jij als ontwikkelaar komt te werken in een team bestaande uit 4 back end programmeurs, 2 vormgevers/ Front end developers en een online marketeer. Qua persoonlijkheden is het team erg gevarieerd van sportfanaten tot gameliefhebbers en Golfers. Een ding heeft iedereen hier gemeen; Passie voor goede code. In jouw rol zul je voor veel van je tijd je bezig houden met het ontwikkelen van maatwerk features en applicaties. Daarnaast hebben wij op aanvraag ook wel eens een website of onderhoudsklusje, die opgepakt moet worden en hier ben jij ook niet vies van. Jij als full stack developer zult dus

Bekijk vacature »

Senior Front-end Developer

Wordt jij de nieuwe Front end specialist / developer? Dan werk je dagelijks met collega’s aan de mooiste IT-projecten. Sogeti is een organisatie met een goede werksfeer en zo min mogelijk hiërarchische verhoudingen. Deze snelgroeiende groep collega’s krijgt energie van hun vak en dat merk je op de werkvloer. Onze klantenkring is groot en divers, dat vraagt om flexibiliteit van jou. Tegelijkertijd betekent dit dagelijks nieuwe dingen leren én dat geen werkdag hetzelfde is. Natuurlijk krijg jij de mogelijkheid je te certificeren. We organiseren regelmatig technische Meet-ups en doen we veel aan kennisdeling waarbij iedereen welkom is, zowel binnen als

Bekijk vacature »
Kobe Aerts

kobe Aerts

08/06/2010 17:55:48
Quote Anchor link
Eerst even de code's:
javascript code
Code (php)
PHP script in nieuw venster Selecteer het PHP script
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
//    0.    createRequest
    //    -----------------
 
        function createRequest()
        {
 
            //    Variabelen declareren
            var request;
 
            if ( window.XMLHttpRequest )
            {
                // code for IE7+, Firefox, Chrome, Opera, Safari
                request = new XMLHttpRequest();
 
            }
            else
            {
                // code for IE6, IE5
                request = new ActiveXObject("Microsoft.XMLHTTP");
 
            }
 
            //    Variabelen returnen
            return request;
 
        }
 
    //    0.    AjaxRequest
    //    ---------------
 
        function AjaxRequest( naam, element )
        {
 
            var naam         = naam;
            naam            = new createRequest();
            var element     = element;    
 
            naam.onreadystatechange = function()
            {
 
                if ( naam.readyState == 4 && naam.status == 200 )
                {
 
                    document.getElementById( element ).innerHTML = naam.responseText;
 
                }
 
            }
 
        }


En dan roep ik de ajax zo op:
javascript code
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
//    2.    albumsFavorietToevoegen
    //    ---------------------------
 
        function albumFavorietToevoegen( albumID, gebruikersID )
        {
 
            //    Variabelen declareren
            var albumID            = albumID;
            var gebruikersID     = gebruikersID;
 
            AjaxRequest( 'albumStatistieken', 'albumStatistieken');
 
            //    Favoriet updaten
            albumStatistieken.open("GET","Ajax/albumFavorietToevoegen.php?id=" + albumID +"&gebruiker=" + gebruikersID, true);
            albumStatistieken.send();
 
        }


Ik heb al even zitten zoeken maar ik vind de fout niet.

EDIT: dit geeft hij als fout: Uncaught ReferenceError: albumStatistieken is not defined

Kobe

Code tussen code tags geplaatst[/modedit]
Gewijzigd op 09/06/2010 15:01:20 door Chris -
 
PHP hulp

PHP hulp

24/06/2025 00:37:03
 
Piet Verhagen

Piet Verhagen

08/06/2010 18:47:11
Quote Anchor link
Tip: Gebruik jQuery. Dan hoef je dat gedoe met
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
if ( window.XMLHttpRequest )
{
// code for IE7+, Firefox, Chrome, Opera, Safari
request = new XMLHttpRequest();

}
else
{
// code for IE6, IE5
request = new ActiveXObject("Microsoft.XMLHTTP");

zoiezo al niet meer te doen. Kan het daarbij ook niet fout gaan.
 
Kobe Aerts

kobe Aerts

08/06/2010 19:09:38
Quote Anchor link
Ik ben een beetje tegen jQuery, iedereen gebruikt het al.

Ik schrijf liever mijn code zelf -> meer zelfvoldoening.
 
Andreas Warnaar

Andreas Warnaar

08/06/2010 19:15:17
Quote Anchor link
Er is een reden waarom heel veel mensen JQuery gebruiken.
Misschien omdat het heel veel voldoening geeft ;)
 
Piet Verhagen

Piet Verhagen

08/06/2010 20:03:19
Quote Anchor link
Waarom gebruik je PHP? iedereen gebruikt het al. Zelf een programmeertaal schijven waarmee je hetzelfde kunt als met PHP geeft vast meer zelfvoldoening?
 
Kobe Aerts

kobe Aerts

08/06/2010 21:20:17
Quote Anchor link
Kan niemand gewoon eens kijken wat de fout is, daar leer ik meer uit ;)

Bedankt.
 
Richard van Velzen

Richard van Velzen

08/06/2010 22:44:54
Quote Anchor link
Je code is echt een zooi, leer JavaScript: http://javascript.crockford.com/

Verder, je definieert de variabele "albumStatistieken" nergens. Dat zegt de foutmelding, en het klopt ook.
 
P Lekensteyn

P Lekensteyn

09/06/2010 10:44:45
Quote Anchor link
Even met inspringing en al:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
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
// 0. createRequest
// -----------------
function createRequest() { // Variabelen declareren
    var request;
    if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari
        request = new XMLHttpRequest();
    } else { // code for IE6, IE5
        request = new ActiveXObject("Microsoft.XMLHTTP");
    } // Variabelen returnen
    return request;
} // 0. AjaxRequest
// ---------------
function AjaxRequest(naam, element) {
    var naam = naam;
    naam = new createRequest();
    var element = element;
    naam.onreadystatechange = function () {
        if (naam.readyState == 4 && naam.status == 200) {
            document.getElementById(element).innerHTML = naam.responseText;
        }
    }
}
En dan roep ik de ajax zo op: javascript code // 2. albumsFavorietToevoegen
// ---------------------------
function albumFavorietToevoegen(albumID, gebruikersID) { // Variabelen declareren
    var albumID = albumID;
    var gebruikersID = gebruikersID;
    AjaxRequest('albumStatistieken', 'albumStatistieken'); // Favoriet updaten
    albumStatistieken.open("GET", "Ajax/albumFavorietToevoegen.php?id=" + albumID + "&gebruiker=" + gebruikersID, true);
    albumStatistieken.send();
}


Huh??
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
function AjaxRequest(naam, element) {
    var naam = naam;
    naam = new createRequest();

Je doet hier niet met naam, en redeclareert naam terwijl deze al binnen de scope van de functie zit.

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
function albumFavorietToevoegen(albumID, gebruikersID) { // Variabelen declareren
    var albumID = albumID;
    var gebruikersID = gebruikersID;
    AjaxRequest('albumStatistieken', 'albumStatistieken'); // Favoriet updaten
    albumStatistieken.open("GET", "Ajax/albumFavorietToevoegen.php?id=" + albumID + "&gebruiker=" + gebruikersID, true);
    albumStatistieken.send();
}

Wat een zooi.. albumStatistieken wordt nergens gedefinieerd.
albumID en gebruikersID hoeven niet met var te worden gedeclareerd.
Ik denk dat je voor AjaxRequest nog var 'albumStatistieken=' wilt toevoegen (zonder ').
En de functie AjaxRequest even aanpassen:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
function AjaxRequest(naam, element) {
    var req = new createRequest();
    req.onreadystatechange = function () {
        if (req.readyState == 4 && req.status == 200) {
            document.getElementById(element).innerHTML = req.responseText;
        }
    }
    return req;
}
 
Jan geen

Jan geen

09/06/2010 12:33:33
Quote Anchor link
Gebruik gewoon jQuery, dan kan je dit in 3 regels doen...
 
Steff   an

Steff an

09/06/2010 14:21:06
Quote Anchor link
jQuery voor zoiets? Kom op! Daarnaast doe je het dan ook niet in 3 regels.. heb je weleens gekeken hoe groot jQuery is?

Ik moet toegeven dat ik ook snel naar jQuery grijp, maar vaak zou dat niet nodig hoeven zijn.
 
Jelmer -

Jelmer -

09/06/2010 14:50:50
Quote Anchor link
Peter datwiljewelwetenhe op 09/06/2010 10:44:45:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
function AjaxRequest(naam, element) {
    var req = new createRequest();
    req.onreadystatechange = function () {
        if (req.readyState == 4 && req.status == 200) {
            document.getElementById(element).innerHTML = req.responseText;
        }
    }
    return req;
}

Klein detail nog, het is gewoon 'var req = createRequest();', zonder new, aangezien je niet een instantie van createRequest wilt maken, maar van XMLHttpRequest (of dat activex ding) en dat doet die functie al voor je. :)
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.