Cercando di passare valori variabili da JavaScript a PHP usando AJAX

Question

Voglio passare alcuni valori da JavaScript a PHP usando jQuery/AJAX. Ho il seguente codice "semplificato", non sicuro di quello che sto facendo male. Sembra che ci siano parecchie domande/risposte simili in StackOverflow, ma nessuno di questi aiuta davvero.

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; 

?> 

Il problema: Non succede niente ... no errors..nothing . Non vedo i valori di 'source1' e 'source2' visualizzati nelle istruzioni echo di PHP.

Answer 1

È necessario includere un success handler nel AJAX chiamata:

$("#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); 
     } 
    }); 
}); 

e nella vostra console, riceverai:

some textsome text 2 

Assicurati che sia il test.php e i file sorgente HTML si trovano nella stessa directory.

Answer 2

$("#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 
    }); 
}); 

riferimento ajax