Ajax post probleem/fout

zondag 27 juni 2010 19:57

Acties:

0 Henk 'm!

Topicstarter

Beste Tweakers,

Ik ben al een tijdje Ajax aan het leren, het is me al gelukt om een request uit een bestand (txt) te halen en een request naar een php bestand via GET.

Maar nu zit ik met het volgende probleem.
Ik krijg het maar niet voor elkaar om te posten.

Weet iemand mischien het probleem?

Alvast heel erg bedankt, Kevin

Ajax.html:

HTML: Ajax.html

<html>
<head>
<title>Ajax les weetikveel by Kevin</title>
</head>
<script type="text/javascript">
    function makeXmlHttp(){
        var xmlhttp = null;
        if(window.XMLHttpRequest){
        xmlhttp = new XMLHttpRequest();
        }
        else
        {
            try
            {
                xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch(e)
            {
                window.alert("Sorry, uw browser ondersteunt de XMLHTTP object request van kevin niet");
            }
        }
        return xmlhttp;
    }
    
    function uitvoeren()
    {
        var xmlhttp = makeXmlHttp();
        xmlhttp.open("POST", "post.php", true);
        xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
        
        document.getElementById("verander").innerHTML = "<img src='loading.gif' title='Bezig met laden...' /> Laden....";
        xmlhttp.onreadystatechange = function()
        {
            if(xmlhttp.readyState == 4)
            {
                if(xmlhttp.status == 200)
                {
                    window.alert(xmlhttp.responseText);
                    document.getElementById("verander").innerHTML = xmlhttp.responseText;
                }
                else
                if(xmlhttp.status == 404)
                {
                    window.alert("ERR 404: Kan file niet aanroepen");
                }
            }
        }
        xmlhttp.send(document.form);
    }
    </script>
<body>
    <div id="verander">Posting data</div>
        <form name = "form" id="form" />
        <input type="text" name="veld" />
        <input type="button" onclick="uitvoeren();" value="Verstuur">
    </form>
</body>
</html>

PHP: post.php

<?php
if($_SERVER["REQUEST_METHOD"] == "POST")
{
    echo $_POST["veld"];
}
?>

zondag 27 juni 2010 20:01

Acties:

0 Henk 'm!

Mebus

waarom niet gewoon een framework gebruiken? (mootools,jquery)

BABYMETAL LoL - Twitch

zondag 27 juni 2010 20:02

Acties:

0 Henk 'm!

kevinkrs

Topicstarter

Mebus schreef op zondag 27 juni 2010 @ 20:01:
waarom niet gewoon een framework gebruiken? (mootools,jquery)

Ik gebruikte achter al jQuery maar nu wil ik het gewoon helemaal zelf maken.
En ik vond het wel een leuke uitdaging.

zondag 27 juni 2010 20:05

Acties:

0 Henk 'm!

Manuel

Hier staat het allemaal erg uitgebreid uitgelegd: http://www.openjs.com/articles/ajax_xmlhttp_using_post.php

zondag 27 juni 2010 20:11

Acties:

0 Henk 'm!

kevinkrs

Topicstarter

Manuel schreef op zondag 27 juni 2010 @ 20:05:
Hier staat het allemaal erg uitgebreid uitgelegd: http://www.openjs.com/articles/ajax_xmlhttp_using_post.php

Heb het doorgelezen/genomen.
Grootdeels had ik al, maar lees ik het nu goed dat ik JSON moet gebruiken?
Of kan het ook gewoon zonder?

zondag 27 juni 2010 20:14

Acties:

0 Henk 'm!

Manuel

Kan ook gewoon zonder, zoals ook in het document verder staat beschreven. Maar dan mag ik aannemen dat het script van je nu wel werkt?

zondag 27 juni 2010 21:56

Acties:

0 Henk 'm!

kevinkrs

Topicstarter

Nee, in die tutorial lijkt het wel of het nog gewoon met GET gaat ipv POST.
Aangezien ik bij de var 'params' ?bla&blaat=1&enz=lol ziet staan...

zondag 27 juni 2010 21:59

Acties:

0 Henk 'm!

Juup

Regel 48:

JavaScript:

1	xmlhttp.send(document.form);

Dit werkt niet.
Je moet net als bij GET de parameters hier als text meegeven met (param1=value&param2=value)

[ Voor 5% gewijzigd door Juup op 27-06-2010 22:00 ]

Een wappie is iemand die gevallen is voor de (jarenlange) Russische desinformatiecampagnes.
Wantrouwen en confirmation bias doen de rest.

zondag 27 juni 2010 22:10

Acties:

0 Henk 'm!

kevinkrs

Topicstarter

Juup schreef op zondag 27 juni 2010 @ 21:59:
Regel 48:
JavaScript:
1
xmlhttp.send(document.form);
Dit werkt niet.
Je moet net als bij GET de parameters hier als text meegeven met (param1=value&param2=value)

Dus bijvoorbeeld: Gebruikersnaam=Kevin&wachtwoord=blaat

En dan moet je het in post.php zo uitlezen:

PHP:

1	echo $_POST["gebruikersnaam"];

of heb ik dit verkeerd?

Edit: Ik zie dat dat nu dus werkt, maar nu kom ik weer bij het volgende probleem.
Hoe krijg ik de data in de '.send("param=HOEKRIJGIKHIERDEPOSTDATA");' string?

Nog een edit:
Ik heb het nu zo opgelost:

code:

1	xhttp.send("param="+form.veld.value);

Als het beter kan hoor ik het graag!

[ Voor 26% gewijzigd door kevinkrs op 27-06-2010 22:22 ]

zondag 27 juni 2010 22:22

Acties:

0 Henk 'm!

MueR

Admin Tweakers Discord

is niet lief

Het is leuk geweest. We zijn hier niet om je handje vast te houden bij elke stap. Van de honderdduizenden tutorials moet je toch makkelijk een basaal werkend ajax ding kunnen maken. Ik wil je vragen de Quickstart en Webdesign, Markup & Clientside Scripting Beleid nog eens goed door te lezen. Dit topic gaat dicht.

Anyone who gets in between me and my morning coffee should be insecure.

Onderwerpen