Essayer de passer des valeurs variables de JavaScript à PHP en utilisant AJAX

Je veux transmettre certaines valeurs à partir de JavaScript en PHP à l'aide de jQuery/AJAX. J'ai le texte suivant "simplifiée" de code, pas sûr de ce que je fais de mal. Il semble être tout à fait un peu de semblables questions/réponses dans StackOverflow, mais aucun d'entre eux sont vraiment les aider.

HTML:

<div>
<a href="#" id="text-id">Send text</a>
<textarea id="source1" name="source1" rows="5" cols="20"></textarea>
<textarea id="source2" name="source2" rows="5" cols="20"></textarea>
</div>

JAVASCRIPT:

$("#text-id").click(function() {
$.ajax({
type: 'post',
url: 'text.php',
data: {source1: "some text", source2: "some text 2"}
});
});

PHP (text.php):

<?php 

$src1= $_POST['source1'];  
$src2= $_POST['source2'];     

echo $src1; 
echo $src2;

?>

Le problème: Rien ne se passe...pas d'erreurs..rien. Je ne vois pas les valeurs de "source1" et "source2' montrant dans le PHP echo consolidés.

source d'informationauteur Gandalf | 2013-10-19

  1. 10

    Vous devez inclure une gestionnaire de succès dans votre appel AJAX:

    $("#text-id").on( 'click', function () {
    $.ajax({
        type: 'post',
        url: 'text.php',
        data: {
            source1: "some text",
            source2: "some text 2"
        },
        success: function( data ) {
            console.log( data );
        }
    });
});

    et dans votre console, vous recevrez:

    some textsome text 2

    Faire assurez-vous que le test.php et votre source html des fichiers sont dans le même répertoire.

  2. 1
    $("#text-id").click(function(e) {//because #text-id is an anchor tag so stop its default behaivour
e.preventDefault();
$.ajax({
type: "POST",//see also here
url: 'text.php',//and this path will be proper
data: {
       source1: "some text",
       source2: "some text 2"}
}).done(function( msg )
      {
       alert( "Data Saved: " + msg );//see alert is come or not
     });
});

    référence ajax