Ajax get methode hulp

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

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 »

Network Support Engineer – Haarlem, The Neth

Network Support Engineer – Haarlem, The Netherlands or Barcelona, Spain Bond Technology Management was founded in 2007 and is the leading technical management company for on-board Audio Visual, IT, Communications, Security and Navigation systems for the most advanced super yacht new builds and refit projects. What is the role about? As Network Support Engineer at Bond Technology Management (Bond TM), you will be joining a strong team of IT professionals that support some of world’s most luxurious private yachts and estates. In this role you will provide support to our customers for physical and virtual network infrastructures including WAN, LAN,

Bekijk vacature »

Full-stack .NET developer gezocht, Goeree-Overflak

Ben je een .NET software developer en op zoek naar een professionele werkomgeving binnen een wat groter innovatief en ambitieus bedrijf? Waar sprake is van een uitgebreid applicatielandschap met elke dag nieuwe uitdagingen, waar alles mogelijk is, binnen een goede collegiale sfeer? Lees dan verder! Voor een bedrijf in Goeree-Overflakke zijn we momenteel op zoek naar een ervaren software developer. De IT afdeling bestaat uit circa 60 mensen waarvan zo'n 15 developers. Voor de recente architectuur wordt gebruikt gemaakt van de nieuwste technieken waaronder .NET Core, Docker en Angular. Echter bestaat het applicatielandschap uit een groot aantal verschillende applicaties waarbij

Bekijk vacature »

Starter Beta WO afgestudeerd traineeship Developer

Functieomschrijving Tijdens het traineeship krijg je de keuze om jezelf te ontwikkelen als developer. Welke richting (Front-end/Backend/Fullstack developer) dat mag jij zelf kiezen. Samen met met je collega's ga je kijken welke route het beste bij jou past en daar wordt een persoonlijk groeipad voor ontwikkeld. Ze zoeken wel mensen die (enige) ervaring hebben binnen development dus passie voor IT en programmeren is hier wel een must. Functie-eisen - Je hebt een afgeronde master of bachelor opleiding met béta component; - Je hebt kennis van een of meerdere programmeertalen; - Je bent creatief en denkt out-of-the-box; - Je bent gedreven

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 »

Senior Java Developer vacature

Senior Java Developer Jij volgt ontwikkelingen op de voet. Sterker nog: jij bent er onderdeel van. Jij loopt voorop. Jij denkt met klanten mee en helpt hen innoveren. Bijvoorbeeld met de ontwikkeling van de Rabobank-app, een verbetering van de beveiliging van treinen voor Pro-rail of geef je een boost aan de website van ING! Focus op Java Wij bouwen State of the Art applicaties met de nieuwste Java technologie en frameworks. Dit doen we door ons te richten op de open source-oplossingen binnen de wereld van Java, alle nieuwe ontwikkelingen te volgen en onze kennis te delen binnen onze eigen

Bekijk vacature »

C# Developer

De uitgebreide versie Jij hebt ruim twee jaar ervaring als developer. Nu wil je graag je tanden zetten in nog complexere projecten. Samen met je team bereik je nieuwe hoogtes en zelfstandig maak je meters. Je hebt behoefte aan collegae die jou alles leren op het gebied van technologie maar wilt tegelijkertijd ook graag je eigen opgedane kennis delen. Alles wat vandaag nog onbekend is, moet je morgen toepassen in de volgende uitdaging en dàt is wat jou scherp houdt. Je hebt geen zin in een 60-urige werkweek maar haalt wel plezier uit zo nu en dan een technische meeting,

Bekijk vacature »

Full-stack developer

Over Compaan Compaan (www.uwcompaan.nl) is een jong bedrijf van ongeveer 20 medewerkers dat is gevestigd in Haarlem. We ondersteunen zorgverleners in digitaal contact met hun cliënten, met name door middel van beeldzorg. Dit gaat meestal via de Compaan-tablet, een tablet die speciaal gemaakt is voor ouderen die niet met een gewone computer overweg kunnen. Verder hebben we vele particuliere klanten die via de Compaan-tablet contact met hun familie en vrienden onderhouden. Over de functie We zijn per direct op zoek naar een nieuwe collega die gaat helpen meebouwen aan de software van Compaan en bij het onderhoud van onze algehele

Bekijk vacature »

Junior Productontwikkelaar Elektronica

Functieomschrijving Wil jij werken bij een award winnende organisatie, waar jij als Junior Productontwikkelaar Elektronica inspeelt op de nieuwste technologische ontwikkelingen? Hier krijg je de kans om jezelf verder te ontwikkelen, je kennis te vergroten en jezelf te specialiseren. Daarnaast ontvang je een uitstekend startsalaris dat bij een uitstekende performance exponentieel zal groeien, een telefoon van de zaak met abonnement en 30 verlofdagen. In deze startersfunctie ben jij als Junior Productontwikkelaar Elektronica samen met vier hardware collega’s verantwoordelijk voor dit takenpakket: - Het ontwerpen van PCB’s aan de hand van ticketomschrijvingen of mondelinge toelichting - Het analyseren en controleren van

Bekijk vacature »

Progress Developer / #1 software leverancier binne

Functieomschrijving Ben jij een ervaren Progress Developer die graag nog nieuwbouw ontwikkelt? Wil je daarnaast jouw hersenen kraken voor het automatiseren van complexe bedrijfsprocessen? Lees dan snel verder en kom erachter of deze rol als Progress Developer iets voor jou is! Uitvoeren van analyses ter bevordering van de betrouwbaarheid en performance van de bedrijfskritische applicatie; Meedenken over de architectuur en tevens waarborgen van de architectuur; Troubleshooten van complexe incidenten; Je deelt graag je kennis aan je collega’s; Maken van ontwerpen, schrijven van documentatie en het testen van de Progress applicatie; Implementeren van nieuwe functionaliteiten en het verzorgen van nazorg. Aanroepen

Bekijk vacature »

Senior C++ ontwikkelaar medische wereld

Functieomschrijving Als Senior Software Engineer ga je hier aan de slag als Developer binnen een Agile Scrum team van 8 intelligente Developers. Naast technische vaardigheden in software heb je ook ervaring met hardware oplossingen. De ontwikkeling van deze hardware wordt intern gedaan met de steun van partners. Op basis van jouw ervaring kun je dit team, de software ontwikkelingsmethodologie en -processen naar een hoger niveau brengen. Je levert een leidende bijdrage in je multidisciplinaire team. In het team ben je een persoon met passende technische capaciteiten en creativiteit, je gaat hier de wensen van de product owner vertalen naar een

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 »

C# developer

Op zoek naar leuke collega's waarmee je kunt lachen, gave projecten en een ambitieuze werkgever die heel goed voor je zorgt? Aangenaam: Profit4Cloud! Wij zijn nu met 55 collega's en werken sinds 2015 vanuit 5 vestigingen aan mooie projecten met een fijne groep collega's die allemaal maar één ding willen: mooie en slimme software-oplossingen ontwikkelen met de nieuwste technieken. We zijn goed bezig en zijn daarom op zoek naar versterking: Medior C# developers. Ben jij de Medior C# developer die enthousiast wordt van mooie projecten waar binnen jij een belangrijke rol speelt? Dan is Profit4Cloud jouw 'place-to-be'! Als Medior C#

Bekijk vacature »

Noordoost Java Developer vacature

Java Developer Noordoost Word onderdeel van een topteam met ervaren Java Developers. Loop voorop in de ontwikkelingen en help mee innoveren. Focus op Java Wij bouwen State of the Art applicaties met de nieuwste Java technologie en frameworks. Dit doen we door ons te richten op de open source-oplossingen binnen de wereld van Java, alle nieuwe ontwikkelingen te volgen en onze kennis te delen binnen onze eigen Java Community. Dit betekent bijvoorbeeld dat we aanwezig zijn op veel conferenties; Oracle Code One, Devoxx en JFall. We organiseren ook onze eigen collegiale sessies en hackatons waar we kennis en plezier combineren.

Bekijk vacature »

Front-end Developer WPF

Heb jij kennis en ervaring met WPF en C#? Ben je technisch en heb je goed gevoel voor design? Wil jij met jouw kennis de zorg verbeteren? Dan zijn wij op zoek naar jou! Jouw baan Als Front-end Developer bij Zorgplatform ga je werken aan de interface voor zorgprofessionals. Zorgplatform is een platform waarmee medische gegevens op een veilige manier uitgewisseld worden met andere instanties binnen de zorgsector. Zorgplatform ondersteunt onder andere het verwijzen van patiënten, het overdragen van patiënten en de gezamenlijke behandeling (shared care). Dit is hét nieuwe werken in de zorg. Met jouw oog voor design ga

Bekijk vacature »
Yoeri Achterbergen

Yoeri Achterbergen

27/05/2015 19:12:56
Quote Anchor link
Hallo,

Ben begonnen om met de ajax functie te stoeien. Ik denk dat ik al redelijk opweg ben.
Echter werk onderstaande code nog niet. Ziet iemand wat ik nog fout doe of vergeten ben?


ajax.php
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
<?php
header('Content-Type: application/json; charset=UTF-8');

$time = '15:00';

$return = array(
    'time'  => '$time',
);


echo json_encode($return);
?>


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
<script>
//<![CDATA[
$(document).ready(function(){
$.ajax({
    type: 'GET',
    url: '/ajax.php',
    data: { get_param: 'time' },
    dataType: 'json',
    success: function (data) {
    $('#overlay, #ajaxmessage').fadeOut(function() {
    $('#target').html(data.time).fadeIn();
    });
}
}
});
});
//]]>
</script>


Groet Yoeri
Gewijzigd op 27/05/2015 19:27:01 door Yoeri Achterbergen
 
PHP hulp

PHP hulp

11/07/2020 01:17:37
 
- SanThe -

- SanThe -

27/05/2015 19:24:24
Quote Anchor link
Op regel 7 '$time' tussen enkele quotes geeft $time als tekst en niet de inhoud 15:00.
 
Yoeri Achterbergen

Yoeri Achterbergen

28/05/2015 19:16:10
Quote Anchor link
ik heb het veranderd maar krijg de waarde niet in mijn html terug.

php/json
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
<?php
header('Content-Type: application/json; charset=UTF-8');

$time = "15:00";

$return = array(
    'time'  => "$time",
);


echo json_encode($return);
?>


jquery/ajax
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
<script>
//<![CDATA[
$(document).ready(function(){
$.ajax({
    type: 'GET',
    url: '/ajax.php',
    data: { get_param: 'time' },
    dataType: 'json',
    success: function (data) {
    $('#result').html(data.time).fadeIn();
    }
});
});
//]]>
</script>


Als ik de php file aanroep in de browser handmatig krijg ik dit te zien:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
{"time":"$time"}
Gewijzigd op 28/05/2015 19:16:41 door Yoeri Achterbergen
 
Thomas van den Heuvel

Thomas van den Heuvel

28/05/2015 19:42:13
Quote Anchor link
Als ajax.php in dezelfde directory staat als het document waarin je de AJAX-call doet, en deze bestanden niet in je document root staan, dan moet je misschien de slash voor /ajax.php weghalen. In mijn geval (bij het testen van je code) kon het bestand /ajax.php niet gevonden worden - dit kun/kon je ook zien in je netwerktab.

Tevens: de data parameter doet op dit moment (nog) niets. Omdat je type GET is zou je ook kunnen overwegen om ajax.php?get_param=time te gebruiken, als dat je bedoeling is? En get_param misschien een iets beter omschrijvende naam te geven.

En tot slot, je ajax.php kan wel wat korter, maar wellicht ga je deze nog uitbreiden?
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
<?php
header('Content-Type: application/json; charset=UTF-8');

echo json_encode(array(
    'time' => '15:00',
));

?>
 
Yoeri Achterbergen

Yoeri Achterbergen

28/05/2015 21:14:44
Quote Anchor link
Beste Thomas,

Ik zal de slash eens weghalen, de ajax.php zit namelijk in de zelfde directory.
De php/json file is nu kort omdat ik de waardes er niet uit kreeg. Daardoor ben ik gaan kijken of ik dan teminste 1 waarde eruit kreeg, dat is dan de data "time".

De bedoeling is uit eindelijk dat via ajax verschillende dat word weer gegeven vanuit de json file.
Omdat ik pas bezig ben met ajax dacht ik de data simpel via get te kunnen krijgen.
Zijn er nog andere manieren dan achter de php file get_param=time te zetten zeker omdat er straks met meer data word gewerkt?
 
Ger van Steenderen
Tutorial mod

Ger van Steenderen

28/05/2015 21:22:14
Quote Anchor link
Thomas van den Heuvel op 28/05/2015 19:42:13:
Tevens: de data parameter doet op dit moment (nog) niets. Omdat je type GET is zou je ook kunnen overwegen om ajax.php?get_param=time te gebruiken, als dat je bedoeling is? En get_param misschien een iets beter omschrijvende naam te geven.

Jquery docs:
Quote:
data
Type: PlainObject or String or Array
Data to be sent to the server. It is converted to a query string, if not already a string. It's appended to the url for GET-requests.
Gewijzigd op 28/05/2015 21:23:02 door Ger van Steenderen
 
Thomas van den Heuvel

Thomas van den Heuvel

28/05/2015 21:29:23
Quote Anchor link
@Ger Het is ook een suggestie, geen harde eis.

Beide werkt.

EDIT: ik bedoelde dat de data parameter geen effect had in het script van Yoeri :). In ajax.php wordt niets gedaan met $_GET['get_param'].
Gewijzigd op 28/05/2015 22:17:44 door Thomas van den Heuvel
 
Yoeri Achterbergen

Yoeri Achterbergen

28/05/2015 22:17:54
Quote Anchor link
Heb bij verschillende dingen gekeken en kwam het volgende tegen:

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
$('#form').submit(function(e) {
        e.preventDefault();
 // show loader
        $('#target').fadeOut(function() {
            $('#overlay, #ajaxMessage').fadeIn();
        })
        $.ajax({
            'url': 'php/ajax.php',
            'data': $('#form').serialize(),
            'success': function(data) {
                $('#overlay, #ajaxmessage').fadeOut(function() {
                    $('#target').html(data.cake).fadeIn();
                });
            }
        });
    });


Hierin word waarde weggeschreven en komt terug met ajax.
Waarom kan ik dan niet gewoon het zelfde doen zonder waarde weg te schrijven maar alleen te krijgen ?

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
<script>
//<![CDATA[
$.ajax({
            'url': 'ajax.php',
            'success': function(data) {
            $('#result').html(data.time).fadeIn();
            };
});
//]]>
</script>
 
Thomas van den Heuvel

Thomas van den Heuvel

28/05/2015 22:25:01
Quote Anchor link
Uhm...
- ik zou wel een (document) ready check uitvoeren, in het eerste script wordt de ajax call getriggerd als je je form submit en je document is dan meestal al geladen (maar het zou niet misstaan om ook dat ding in een document ready block te zetten)
- krijg je javascript foutmeldingen / netwerk fouten van scripts die niet gevonden kunnen worden?
- include je een jquery library?
- bestaat er een element met id result?

Het script wat je hierboven plaatst is zo triviaal dat je waarschijnlijk iets (heel) simpels vergeet... Je laat ons een beetje raden wat er mogelijk mis is... Toen ik hier een voorbeeld script van maakte werkte dit direct dus ik heb eigenlijk geen flauw idee wat je (fout) aan het doen bent.

Copypaste het volgende eens, kijk of dit werkt, en vergelijk het met je eigen code:

index.whatever
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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
</head>

<body>
<div id="result"></div>
 <script>
//<![CDATA[
$().ready(function() {
    $.ajax({
        type: 'GET',
        url: 'ajax.php',
        // data en dataType hoef je niet eens op te geven...
        success: function (data) {
            $('#result').html(data.time).fadeIn();
        }
    });
});
//]]>
</script>
</body>
</html>


ajax.php
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
<?php
header('Content-Type: application/json; charset=UTF-8');

$time = "15:00";
echo json_encode(array(
    'time' => "$time",
));

?>

Dit werkt gewoon -_-.
Gewijzigd op 28/05/2015 22:30:54 door Thomas van den Heuvel
 



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.