onclick ajax send

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Software Consultant Integratie

In een sector waarin de ontwikkelingen op het vlak van zorg-ICT in stroomversnelling zitten, biedt ChipSoft een ultramodern en ziekenhuisbreed geïntegreerd elektronisch patiëntendossier. Dankzij ons groeiende marktaandeel in België is ChipSoft op zoek naar nieuwe collega’s. Jouw job Artsen gebruiken – voor bijvoorbeeld oogmetingen – hoogtechnologische gespecialiseerde apparatuur. Als Software Consultant Integratie zorg jij dat onze software perfect communiceert met de apparatuur en systemen van andere leveranciers. Je brengt in kaart welke koppelingen en interfaces nodig zijn, implementeert de beste oplossingen en geeft intern en extern de juiste adviezen. Bestaan er nog geen specificaties van een koppeling? Dan steek jij

Bekijk vacature »

Senior Mobile Developer vacature

Senior Mobile Developer Op bijna elke mobiele telefoon in Nederland is wel een app te vinden die door Sogeti is ontwikkeld of waar Sogeti aan mee heeft gewerkt. Wil jij meehelpen met het ontwikkelen van mobiele applicaties voor de top van het Nederlandse bedrijfsleven? Als Senior Mobile Developer ben jij verantwoordelijk voor het implementeren en testen van nieuwe features. Je bent medeverantwoordelijk voor de codebase en moet deze code dus ook goed onderhouden. Doordat je thuis bent in het mobiele landschap kun je gemakkelijk sparren met andere ontwikkelaars, designers, analisten en technische leads om zo de producten waar aan je

Bekijk vacature »

Lead Java Developer / CQRS / Event Sourcing / Zorg

Functieomschrijving Ben jij een Senior/Lead Java Developer met minimaal 5 jaar ervaring én wil jij als Meewerkend Voorman verantwoordelijk zijn voor een DevOps team van 5 personen bij een organisatie die rechtmatigheid in de zorg controleert? Wil je 60% van de tijd nog zelf ontwikkelen en meteen mee werken aan een gloednieuwe applicatie die de kwaliteit van zorg(verleners) in Nederland inzichtelijk maakt? Spreekt het je daarnaast aan om constant nieuwe innovatieve tooling te onderzoeken en te gebruiken, zoals bijvoorbeeld CQRS en Event Sourcing? Lees dan nu verder! Je werkzaamheden zullen onder andere bestaan uit: meenemen van het team op het

Bekijk vacature »

Enthousiaste DevOps-ontwikkelaar voor eIDAS

Functie­omschrijving De Dienst ICT Uitvoering, kortweg DICTU, is een van de grootste en meest vooruitstrevende ICT-dienstverleners van de Rijksoverheid. Wij bouwen onder meer de veilige en betrouwbare digitale toegang tot de diensten en producten van het ministerie van Economische Zaken en Klimaat voor burgers en bedrijven in het buitenland. Daar werk jij als DevOps-ontwikkelaar bij DICTU in Assen aan mee. Het ministerie van Economische Zaken en Klimaat heeft voor haar diensten en inspecties één moderne toegangspoort. Een aantal van die diensten en inspecties is mede dankzij jou ook voor burgers en bedrijven uit acht EU-landen veilig en betrouwbaar toegankelijk. Dat

Bekijk vacature »

PHP Developer

Enthousiaste PHP Developer Voor onze vestiging in Wanneperveen (Ov.) zijn wij op zoek naar een PHP-developer met affiniteit voor back-end development. Wij bieden je een baan met veel afwisseling en verantwoordelijkheid tegen een goed salaris. Behalve voor hard werken is er ook zeker ruimte voor ontspanning. Wie wij zijn ... Unity-X ontwikkelt CRM-systemen, AMS (acquisitiemanagementsystemen), boekingssystemen, websites en andere webapplicaties voor een diverse opdrachtgevers. Het accent ligt op applicaties voor de financiële dienstverlening. Behalve voor bekende namen als ABN AMRO, Payroll Select en Van Lanschot werken wij ook voor verschillende organisaties in het MKB. Unity-X kent een informele werksfeer. We

Bekijk vacature »

Senior .Net Developer Duurzaamheid Maatwerkapplica

Functieomschrijving Ben je een ervaren .NET Developer en ben je op zoek naar een uitdagende rol met veel vrijheid? Wil jij aan de slag bij een bedrijf die duurzaamheid hoog in het vaandel heeft staan? Lees dan snel verder! Van scratch af aan applicaties bouwen; Testen van jouw code door middel van het uitvoeren van unittesten; Bug fixing; Contact onderhouden met klanten met klanten betreffende de door jouw ontwikkelde applicaties; Verbeteren en door ontwikkelen van maatwerkapplicaties. Functie-eisen Een afgeronde hbo/wo opleiding; Minimaal vijf jaar ervaring als fullstack .NET Developer; Uitgebreide technische kennis met oog voor praktische oplossingen; Ruime kennis van

Bekijk vacature »

C# developer gezocht, hardware component, inhouse,

Ben je een C# developer en zoek je een baan in Rotterdam waar je systemen ontwikkeld die communiceren met hardware? Bij een klein bedrijf met korte lijnen, een open cultuur en veel vrijheid? Wellicht dat dit dan iets voor je is. Voor een klant in Rotterdam zijn we op zoek naar een ervaren C# developer. Het gaat hier om een bedrijf dat gericht is om voor overheden en ondernemingen informatie vanuit bepaalde meetsystemen te verwerken en te presenteren. Zo is bijvoorbeeld een van de projecten waar je als ontwikkelaar aan gaat werken; het bouwen van een website waar gebruikers informatie

Bekijk vacature »

.NET Developer Datawarehouse

Bouw jij graag mee aan de nieuwe generatie van het datawarehouse-framework voor de zorg? En kent programmeren in C# geen geheimen voor jou? Dan pas jij perfect in ons team in Amsterdam. We bieden jou de kans om complexe uitdagingen op te lossen en te werken met de nieuwste technieken. Jouw baan Zorgprofessionals nemen belangrijke beslissingen op basis van data uit ons datawarehouse. Als .NET Developer Datawarehouse ontwikkel jij een nieuwe generatie van het achterliggende framework. Je werkt dagelijks met zeer grote en complexe datasets en krijgt te maken met uitdagende issues, waarbij diepgaand onderzoek nodig is. Je faciliteert de

Bekijk vacature »

C# Developer/ SQL Server/ Visual Studio/Javascript

Functieomschrijving Ben jij een gedreven en enthousiaste .NET Developer (C#) met gevoel voor design en usability? Wil jij als C# Ontwikkellaar jouw skills graag inzetten op de development afdeling van een innovatieve, flexibele organisatie met een groot bereik? Lees dan snel verder! Je gaat aan de slag in het websites team of portals team waarin je je bezighoudt met concept & design, implementatie en ook een stukje bugfixing en onderhoud; Je werkt met je team volgens de Scrum werkwijze; Zo adviseer je ook de PO & Scrum Master over de technische architectuur, koppelingen en integratie met externe systemen en API’s;

Bekijk vacature »

Functioneel Applicatiebeheerder (DIV)

Functioneel Applicatiebeheerder (DIV) Ken jij het vak Functioneel Applicatiebeheerder en dan vooral op het gebied van DIV? Dan kan jij ons team Documentaire Informatievoorziening (DIV) goed ondersteunen. Met jouw affiniteit met ICT weet jij je weg te vinden in het Zaaksysteem en help jij je collega’s. De inhoud van je werk Als applicatiebeheerder ben je er voor je collega’s. Jij helpt ze bij het gebruiken van de applicaties op het gebied van digitaal zaakgericht werken. Jij weet hen te stimuleren en te helpen om de software optimaal te benutten en te gebruiken. Jij begrijpt het DIV vak en hebt ook

Bekijk vacature »

Software Engineer/Integrator

A four-year position is available for an enthusiastic Software Engineer/Integrator The Hague, 30.4 - 38 hours a week Vacancy number: AT2020-071 What is the project you will be working on? You will be part of a project from ODISSEI – the Open Data Infrastructure for Social Science and Economic Innovations. Together with the project partners, you will work towards providing a shared social science research infrastructure and accelerate the development of computational social science in the Netherlands. Specifically, the task you will focus on pertains to deploying a portal that provides uniform access to social science (meta)data from various large

Bekijk vacature »

Technisch Ontwerper / Applicatie Ontwikkelaar

Technisch Ontwerper / Applicatie Ontwikkelaar Actief Wat ga je doen? Als Technisch Ontwerper / Applicatie Ontwikkelaar kom je te werken bij onze gerenommeerde klanten op projecten of opdrachten van omvang en formaat. Je bent verantwoordelijk voor het omzetten van functionele specificaties naar een technisch ontwerp, het ontwerp van programmaspecificaties voor toepassingen, de realisatie van (gewijzigde) programmaonderdelen en databestanden van toepassingen en de technische systeemtest van applicatietoepassingen. Daarnaast geef je vorm aan webpagina’s en applicaties, stel je gebruikersdocumentatie op en verleen je ondersteuning bij het oplossen van productiefouten. Tevens ben je verantwoordelijk voor het samenstellen en onderhouden van de applicatie c.q.

Bekijk vacature »

Developer DataPower Message Queuing Message Broker

Functieomschrijving Wil jij werken in een organisatie waar alleen de beste DataPower developers werken? Deze organisatie heeft één van de grootste en meest complexe omgevingen van Nederland. Wil je verantwoordelijk zijn voor een gateway waar miljoenen externe en interne gebruikers gebruik van maken? Lees dan snel verder! Ontwerpen, bouwen en testen van alle diensten m.b.t. DataPower, MQ, Broker en Cross File Transfer Constant verbeteren van de omgeving Nauw samenwerken met je collega's Functie-eisen Hbo werk- en denk niveau, gelieve in de richting van IT Aantoonbare werkervaring met DataPower of een vergelijkbaar systeem Kennis over IBM MQ en Message Broker is

Bekijk vacature »

Lead Software Developer Datawarehouse

Bouw jij graag mee aan de nieuwe generatie van het datawarehouse-framework voor de zorg? En kent programmeren in C# geen geheimen voor jou? Dan pas jij perfect in ons team in Amsterdam. We bieden jou de kans om complexe uitdagingen op te lossen en te werken met de nieuwste technieken. Jouw baan Zorgprofessionals nemen belangrijke beslissingen op basis van data uit ons datawarehouse. Om dit mogelijk te maken ontwikkelt onze afdeling een set aan softwareapplicaties die optimaal aansluiten bij ons zorginformatiesysteem (ZIS). Als team lead software binnen de afdeling datawarehouse heb je de dagelijkse leiding over een team van 6

Bekijk vacature »

SQL Developer / BI / Miljoenen eindgebruikers

Functieomschrijving Altijd al aan de slag willen gaan als Senior SQL Developer bij één van de meest vooraanstaande verzekeraars in Nederland? Wil jij je richten op het bedenken, ontwerpen, bouwen en implementeren van uiteenlopende BI oplossingen vanuit data van miljoenen gebruikers met de Microsoft BI Stack, T-SQL, PowerShell en Datawarehousing? Lees dan nu verder! Analyseren, ontwerpen, ontwikkelen en documenteren van BI oplossingen en complexe BI applicaties (met tools als T-SQL, PowerShell, SAS, SSIS, BIML BODS en BOXI) Maken van technische ontwerpen, data analyses en adviseren over de datawarehouse; Ontwerpen van functionele specificaties voor de dashboards en rapportages; Schakelen met stakeholders

Bekijk vacature »
Yoeri Achterbergen

Yoeri Achterbergen

22/04/2015 11:13:16
Quote Anchor link
Hallo,

Het wil me maar niet lukken om een onclick de ajax te laten verzenden.

onclick="zzend()"

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
$(document).ready(function(){
function zzend(e){
e.preventDefault();
// show loader
        $('#result').fadeOut(function() {
            $('#overlay, #ajaxMessage').fadeIn();
        })


$.ajax({
            'url': 'php/ajax.php',
            'data': $('#form').serialize(),
            'success': function(data) {
                $('#overlay, #ajaxmessage').fadeOut(function() {
                    $('#result').html(data.id + '<div class="result" spellcheck="false">'+data.adres+'</div>').fadeIn();
                });
            }
        });
    
}
});


Wie kan mij helpen?

Gr. Yoeri
Gewijzigd op 22/04/2015 11:54:23 door Yoeri Achterbergen
 
PHP hulp

PHP hulp

11/07/2020 00:22:48
 
CNEPHP -

CNEPHP -

22/04/2015 11:16:40
Quote Anchor link
Waarom twee maal 'z'? Terwijl je functie maar één 'z' bevat.

Corné
Gewijzigd op 22/04/2015 11:17:08 door CNEPHP -
 
Thomas van den Heuvel

Thomas van den Heuvel

22/04/2015 14:06:01
Quote Anchor link
Welk event zou deze functie moeten triggeren?

Je hebt dus ook ergens een onclick-event waar je deze functie aan hangt?

Nu wordt namelijk de functie niet "vanzelf uitgevoerd" (getriggerd via een event), daarom gebeurt er ook niets.

Althans, als bovenstaande code volledig is.
 
Yoeri Achterbergen

Yoeri Achterbergen

24/04/2015 00:41:42
Quote Anchor link
De code is niet volledig inderdaad.
Ik had alleen de jquery code in de topic gezet.
Het gaat namelijk om een div element waaraan ik het event wil koppelen.

html:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
<div class="zend btn" onclick="zend()">hier komt tekst</div>

<form id="form">
<input id="adres" name="adres"/>
</form>
<div id="result"></div>
<div id="ajaxMessage"><img src="images/ajax-loader.gif" alt="" /> wait</div>
<div id="overlay"></div>



Jquery:
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
$(document).ready(function(){
function zend(e){
e.preventDefault();
// show loader
        $('#result').fadeOut(function() {
            $('#overlay, #ajaxMessage').fadeIn();
        })


$.ajax({
            'url': 'php/ajax.php',
            'data': $('#form').serialize(),
            'success': function(data) {
                $('#overlay, #ajaxmessage').fadeOut(function() {
                    $('#result').html(data.id + '<div class="result" spellcheck="false">'+data.adres+'</div>').fadeIn();
                });
            }
        });
    
}
});


Op een of andere manier krijg ik het click event niet aan de praat.
 
Thomas van den Heuvel

Thomas van den Heuvel

24/04/2015 13:36:22
Quote Anchor link
Je volgt de principes van jQuery niet echt hier. Het idee van jQuery is onder andere:
- uniforme werking van JavaScript code, onafhankelijk van de browser
- makkelijke event handling, DOM manipulatie etc.

Als je met jQuery werkt en je gebruikt ergens in je HTML een onclick="..." property die op jQuery acteert dan ben je vrijwel zeker niet op de goede manier bezig.

Daarnaast introduceer je een functie, dat is niet nodig - het enige wat je nodig hebt is een afhandeling van een click-event. Hiertoe maak je eerst een selectie van een of meer elementen (met een selector), waar je vervolgens een event listener aan hangt met een (callback)functie. Deze functie wordt uitgevoerd op het moment dat het event "getriggerd" wordt (in dit geval, als op een van de geselecteerde elementen wordt geklikt).
EDIT: toegegeven, dit is ook een functie maar die vervuilt de globale scope iig niet.

Voorheen was het volgens mij zo (en misschien nog steeds) dat er in sommige browsers helemaal NIET geluisterd werd naar bepaalde events bij bepaalde elementen. Zo kan het dus bijvoorbeeld in browser X gebeuren dat ondanks het feit dat je een onclick-event definieert voor een div (via een onclick="..." property dus), deze helemaal niet getriggerd wordt als hier op geklikt wordt, simpelweg omdat dat event geen betekenis heeft voor dat element in die browser.

Daarom is het des te belangrijker om jQuery de volledige afhandeling te laten verzorgen, om zo de (mogelijke) verschillen tussen de verschillende browsers het hoofd te kunnen bieden.

En dan is er nog iets anders aan de hand: men lijkt niet goed te weten hoe je jQuery / JavaScript code ontwikkelt en debugt. Althans, een heleboel topics op dit (PHP) forum gaat over niet werkende jQuery ("hij doet het niet"). Ik weet niet welke browser jij gebruikt, maar veel browsers hebben tegenwoordig een developer console ingebouwd, toegankelijke via de functietoets F12. Ik gebruiker Firefox, met onder andere de volgende twee addons:
Firebug
Web Developer

Deze addons vertellen mij meteen wanneer er iets mis is. Als ik bijvoorbeeld op jouw "hier komt tekst" link klink krijg ik meteen een foutmelding:
http://fangorn.thijma.nl/images/phphulp/users/yoeri/derp.png
(JavaScript Error: ReferenceError: zend is not defined)

Het probleem is dus niet het probleem, maar de manier waarop je informatie inwint over het probleem (wat niet lukt, omdat je niet weet hoe).

De oorzaak dat je code in eerste instantie niet werkt is omdat de functie "zend" niet in de globale scope (waar je deze gebruikt) bestaat. Je zou dit na kunnen gaan door het $().ready(function() { ... }) blok tijdelijk te commenten. Dan is de functie wel bekend... maar dan krijg je meteen een syntax fout omdat je geen parameter meegeeft. Het meegeven van het event is ook nogal onzinnig, want je wéét wat het triggerend event is, dat is je onclick... Er klopt dus eigenlijk geen biet van deze code. Volgens mij snap je (nog) niet helemaal wat je aan het doen bent.

Om je een eind in de goede richting te sturen:
- hang een id aan je click-div zodat je deze uniek kunt identificeren en verwijder die onclick bras, bijvoorbeeld:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<div class="zend btn" id="zend">hier komt tekst</div>


- creeer vervolgens een event listener in jQuery specifiek voor dit element (#zend):
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript">
//<![CDATA[
$().ready(function() {
    $('#zend').click(function(e) {
        e.preventDefault();
        // show loader
        // ... de rest als voorheen ...
    });
});
//]]>
</script>

Dat werkt een stuk beter...

Installeer die addons, of verzin een andere manier om informatie tot je te laten komen en zorg dat je weet waar je deze kunt vinden, zodat je deze -in mijn ogen- triviale fouten zelf kunt debuggen.

Ik denk dat ik nog heel vaak ga refereren aan deze post :p.
Gewijzigd op 24/04/2015 13:43:07 door Thomas van den Heuvel
 
Yoeri Achterbergen

Yoeri Achterbergen

30/04/2015 17:24:33
Quote Anchor link
Beste Thomas,


Bedankt voor de uitgebreide uitleg over Jquery. Uiteraard heb ik dit veranderd en mijn div een id meegeven.
In vervolg zal ik dit zeker doen:-)

Gr. Yoeri
 



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.