Ajax get methode hulp

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

API Developer Red Hat Fuse

Dit ga je doen Als API Developer zal je verantwoordelijk zijn voor het: het maken van API's en het correct laten draaien van de API's op het platform. Hierdoor kom je in aanraking met Red Hat Fuse, Springt Boot, 3Scale, Red Hat SSO, Openshift en Azure DevOps; zorgen voor de kwaliteit van de ontwikkeling, integratie en prestaties van de API's; zorgen voor een stabiel integratieplatform. Hier ga je werken Deze organisatie is een toonaangevende speler in de vastgoedbranche en telt momenteel ruim 500 medewerkers. Met meer dan 150 applicaties staat er een complex applicatielandschap dat hoofdzakelijk op OpenShift, Azure en

Bekijk vacature »

Node.js developer looking for a challenging consul

Functie Under the guidance of 3 account managers, one of whom will be your point of contact within your expertise, you will start working for various clients. He or she will help you find a suitable and challenging assignment. Naturally, they will take your situation, experience and (technical) ambitions into account. The assignments last one to two years on average. This allows you to really commit to a project and make an impact as a consultant. Besides the assignment, you will regularly meet your colleagues from the IT department to share knowledge or discuss new trends, for example. Master classes

Bekijk vacature »

Front-end developer (Vue.js) gezocht!

Functie Als Front-end developer is het jouw doel om efficiënte en effectieve frontend code te ontwerpen, ontwikkelen en onderhouden die goed aansluit bij de functionele behoefte vanuit de klant. Je zorgt voor optimale SEO-resultaten, sitespeed en frontend security. You build it, you run it, you own it! Je maakt deel uit van een DevOps Scrum team en werkt samen met back-end developers, test-engineers, interaction designers en een projectmanager. Er zijn verschillende groepen Scrum teams. Een roadmap team is jouw ‘’thuisbasis’’, daar wordt gewerkt aan doorontwikkeling van bestaande omgevingen voor een aantal klanten. Hiernaast zijn er projectteams waar nieuwe omgevingen worden

Bekijk vacature »

.Net developer

Sogeti is een organisatie met een goede werksfeer en zo min mogelijk hiërarchische verhoudingen. Ga je bij ons als .Net Developer aan de slag? Dan werk je dagelijks met collega’s aan de mooiste IT-projecten. Deze snelgroeiende groep collega’s krijgt energie van hun vak en dat merk je op de werkvloer. Natuurlijk krijg jij de mogelijkheid je te certificeren. We organiseren regelmatig technische Meet-ups en doen we veel aan kennisdeling. Mede hierdoor zij wij dit jaar Microsoft Partner of the year geworden. Sogetisten staan klaar voor elkaar, hebben lol met elkaar en daarmee behalen we de mooiste resultaten! Werken bij Sogeti

Bekijk vacature »

SAP ABAP Developer

Dit ga je doen Software ontwikkeling met behulp van o.a. ABAP, Sapscript en Smartforms Maatwerk development op SAP ECC 6.0, in de toekomst S/4 HANA Samenwerken met Business Analisten die functioneel en technisch ontwerpen aanleveren Testen van opgeleverde software Bugfixing Ondersteuning van eindgebruikers Hier ga je werken Onze klant, een internationaal gevestigd productiebedrijf dat mensen blij maakt, is ter versterking op zoek naar een ABAP Developer voor hun SAP team. Het team van 4 mensen verzorgt de ontwikkeling van maatwerk voor de SAP omgeving waar wordt gewerkt met modules SD, FI/CO, PM en MM. Momenteel draait het bedrijf op SAP

Bekijk vacature »

.NET Developer

Dit ga je doen Binnen het team bouw je aan een applicatie met andere .Net Developers, testers een Product Owner en een Business Analyst. Met het team wordt de backlog besproken. In overleg claim jij jouw deel en zorgt ervoor dat onderhoud en innovatie wordt gerealiseerd. Het project dat momenteel draait is het opgraden van de omgeving. Doorontwikkelen van de huidige applicatie; Overleggen met teamleden om de backlog te verdelen; Onderhouden van de huidige omgeving; Sparren met de business en het ophalen van nieuwe requirements. Hier ga je werken De organisatie is een van de grootste landelijke aanbieder van diverse

Bekijk vacature »

PHP ontwikkelaar

Functie Jij komt te werken in een development team van 9 man. Het grootste deel doet back end development en daarnaast is er 1 teamlead en 1 tester in het team. Dit Agile team is van groots belang voor de organisatie omdat zij voornamelijk alle eigen systemen in-house ontwikkelen. Naast het door ontwikkelen van het bestaande platform en de software die daarbij komt kijken, zul jij je ook bezighouden met het realiseren en opzetten van nieuwe projecten binnen het bedrijf. Je staat nauw met de klant in contact om zo hun wensen zo goed mogelijk te kunnen realiseren. Daarnaast ontwikkel

Bekijk vacature »

Laravel / PHP developer

Functie omschrijving Wij zijn op zoek naar een Medior PHP / Laravel Developer voor een IT-consultancy in de omgeving van Hoofddorp! Ben jij op zoek naar een leuke nieuwe uitdaging binnen een veelzijdige werkomgeving? Lees dan snel verder! Binnen dit bedrijf werk je in een ontwikkelteam, waarin je zeer betrokken bent en meedenkt over softwareoplossingen. Binnen dit Team hou je je bezig met het aanpassen, verbeteren en vernieuwen van de logistieke oplossingen. Je zult je bezig houden met de volgende werkzaamheden: Je gaat aan de hand van de wensen van klanten software ontwikkelen; Je bent bij het gehele proces betrokken;

Bekijk vacature »

Low Code Ontwikkelaar

In het kort Als Low Code Developer werk je aan projecten bij en voor onze klanten, waarbij je voor het ontwikkelen van de oplossingen een technisch low-code platform gebruikt. Samen met het team streef je naar de beste oplossing en bepalen jullie de juiste aanpak. Je rol is divers en je bent van begin tot eind betrokken bij de ontwikkeling zowel de back-end en de front-end van de applicatie. Naast de ontwikkeling en oplevering, breng je ook advies uit aan de klant waarom bepaalde keuzes worden gemaakt. Je bent dan ook communicatief sterk en kunt je keuzes goed (inhoudelijk) onderbouwen.

Bekijk vacature »

Senior Fullstack developer wanted! (C#, Java, Angu

Functie Under the guidance of 3 account managers, one of whom will be your point of contact within your expertise, you will start working for various clients. He or she will help you find a suitable and challenging assignment. Naturally, they will take your situation, experience and (technical) ambitions into account. The assignments last one to two years on average. This allows you to really commit to a project and make an impact as a consultant. Besides the assignment, you will regularly meet your colleagues from the IT department to share knowledge or discuss new trends, for example. Master classes

Bekijk vacature »

Android developer

De functie Schiphol is een plek om te reizen, te verblijven en te werken. Door middel van data en technologie richten we op al deze gebieden het leef- en werkklimaat optimaal in en zorgen we voor een slimmere en efficiëntere operatie. Wij ontwikkelen nieuwe producten en diensten vanuit de wensen en behoeften van onze klanten, voorspellen passagier flows en testen digitale oplossingen om rijen en andere pijnpunten in het proces te verminderen. Met slimme feedback van sensortechnologie maken we zelfs data van toiletten en stoelen inzichtelijk en bruikbaar. Het Commercial Platform bestaat uit multidisciplinaire teams met een end-2-end verantwoordelijkheid voor

Bekijk vacature »

Developer (One Data)

Do you have experience with managing IT Teams in a service delivery organization? Are you keen to bring the team and our platform to a higher level? Then Nutreco has a very interesting role for you! As a One Data developer you are responsible for the management, running and functional use of our integration landscape and processes within Nutreco. Nutreco is using at this time BizTalk 2016, and Apigee for its API management, to be replaced by Azure Integration Services as of 2023. You will be part of a virtual teams of 11 people (own and outsourced) working in an

Bekijk vacature »

Typescript Developer / Cloud platform

Dit ga je doen (Door)Ontwikkelen van het cloud platform; (Door)Ontwikkelen van microservices; Bouwen van nieuwe functionaliteiten; Verbeteringen aandragen voor het cloud platform; Sparren met de business. Hier ga je werken Onze opdrachtgever, gevestigd in regio Eindhoven, levert een compleet dienstenpakket op het gebied van IT. Zij pakken verschillende (complexe) vraagstukken van grote organisaties op. De sfeer intern is gezellig en informeel. Men houdt van hard werken maar gezelligheid door middel van een borrel of gezamenlijke lunch komt er veel voor. Als Typescript ontwikkelaar word je onderdeel van het team gericht op de (door)ontwikkeling van hun eigen cloud platform welke wordt

Bekijk vacature »

Cymer Patch Server Developer

Vacature details Vakgebied: Software/IT Opleiding: Senior Werklocatie: Veldhoven Vacature ID: 12919 Introductie This new patch server will be built on Python and Django ReST and GraphQL services with a React frontend, it will consist of several microservices and run on a Kubernetes cluster. It will be supported by several middleware applications such as ElasticSearch, Redis, RabbitMQ, Oracle and Artifactory. Functieomschrijving The Patch Admin team always aim to deliver software at a high quality, we avoid sacrifices here to maintain our velocity. Practically this means that we practice test driven development and perform end-to-end automated testing on our software. This means

Bekijk vacature »

Web Developer

Bedrijfsomschrijving ENGIE Nederland is onderdeel van de beursgenoteerde ENGIE Groep. ENGIE is actief in 70 landen, met wereldwijd 150.000 medewerkers. Als groep is het de missie om bij te dragen aan de verduurzaming van de wereld. ENGIE Energie biedt energiediensten aan particulieren en grootzakelijk en gaat de uitdagingen van de energietransitie aan door het beschikbaar maken van duurzame energie, het streven de klimaatverandering tot een minimum te beperken, leveringszekerheid te bieden en zorg te dragen voor een verantwoord gebruik van de beschikbare resources. ENGIE Energie investeert daarom in hernieuwbare energiebronnen zoals zon, wind en bio-gas. Functieomschrijving Heb jij veel ervaring

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

29/03/2024 12:26:09
 
- 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.