POST met jQuery en AJAX

Geef een <b>duidelijke</b> reden op om dit [COLOR= #0000BB]<?php[/COLOR] [URL="http://www.php.net/echo"]echo[/URL] [COLOR= #0000BB]$item[/COLOR][COLOR= #007700];[/COLOR] ?> te reporten!
<br />
<form method="post" action="?p=report" id="report" name="report">

<textarea name="message" style="width: 500px; height: 150px;" id="newpbtext" placeholder="Duidelijke reden van report"></textarea>

<input type="submit" name="submit" value="Report" />

</form>

Ik wil niet dat zodra je op de "Report" button klikt, je naar de "?p=report" pagina gaat, maar hij deze verstuurt met AJAX/jQuery/JS en op de pagina blijft. Iemand die me een scriptje hiervoor kan geven? Ik vind niets op google en dacht dat jullie me wel zouden kunnen helpen?

THANKS <3

Je kan het denk ik wel in een Lightbox pop up include

http://www.google.nl/search?sourceid=chrome&ie=UTF-8&q=lightbox

Ik heb het in lightbox, vandaar dat ik niet graag heb dat die word doorgestuurd anar andere pagina.

Maar als je die pagina include. Of je zorgt tot het script "report" op een aparte pagina staat. Zonder de hele style etc, dan kan je hem makkelijk include.

die pagina ziet er dan zo uit:

/// Code

/// Formulier

En niet meer.

Doe ik enz ook, ik hoef geen tips. Ik wil enkel de code hebben

toevoeging op 8 februari 2012, 15:07:37:
Als je op submit buttom klikt word hij auto doorgelinkt naar een andere pagina, dat wil ik niet. Kijk bevoorbeeld naar deze textarea hier, waar je kan reageren.

Hoe wil je dat wij jouw een code geven. Zonder ook maar iets van je source te zienEn alles voor laten kakken leer je niks van he!

Ik heb je form gegeven. Meer heb je niet nodig. Ik vraag niet voor PHP ofzo, lees startpost eens door. Je begrijpt het niet.

action="?p=report"
Moet je ook niet doen.

Je moet doen:

[COLOR= #0000BB]<?php[/COLOR] [URL="http://www.php.net/include"]include[/URL] [COLOR= #DD0000]reportpagina.php[/COLOR][COLOR= #007700];[/COLOR] ?>
<form action="" method="POST">

// formulier

</form>

Kijk!
Ik wil een form met erboven javascript/jquery code zodat als je op buttom in form klikt hij andere pagina aanvraagt, en daar de post heen stuurt. GEEN PHP DUS!

toevoeging op 8 februari 2012, 1515:
Hij mag dus niet reloaden, maar moet op die pagina blijven

toevoeging op 8 februari 2012, 15:37:36:
Ik pruts met dit:

Spoiler tonen

Codeblok (naam.js):

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

Je bent op zich goed bezig.

De ajax functie zorgt ervoor dat je naar jquery/report.php een request stuurt. Binnen dat bestand kan je met $_POST de verzonden datastring ophalen (dus $_POST[idd], $_POST[type], enz). Vervolgens moet je het resultaat echoën. Dit komt dan in de teruggestuurde data te staan (die jij vervolgens alert).

Echter heb je het ajax gedeelte buiten de click functie staan. Dit zal dus uitgevoerd worden zodra de pagina geladen is.

Rik schreef:

Je bent op zich goed bezig.

De ajax functie zorgt ervoor dat je naar jquery/report.php een request stuurt. Binnen dat bestand kan je met $_POST de verzonden datastring ophalen (dus $_POST[idd], $_POST[type], enz). Vervolgens moet je het resultaat echoën. Dit komt dan in de teruggestuurde data te staan (die jij vervolgens alert).

Echter heb je het ajax gedeelte buiten de click functie staan. Dit zal dus uitgevoerd worden zodra de pagina geladen is.

Kan jij het maken met click? <3

<script type="text/javascript">
$(function() {
    $(".button").click(function() {
        var idd = $("input#id").val();
        var type = $("input#type").val();
        var bericht = $("#bericht").val();
        var dataString = idd=+ idd + &type= + email + &bericht= + bericht;
        
        $.ajax({
              type: "POST",
              url: "jquery/report.php",
              data: dataString,
              success: function() {
                alert(data);
              }
         });
    });
});
</script>

Zorg dat de button gewoon type="button" is, en geen type="submit", en zorg dat de inputvakjes niet in een form staan. Je haalt dit nemaelijk allemaal al op met jQuery. Dit wil je dus niet verwerken op een andere pagina o.i.d.