I'm trying to send JS variables to a PHP script (which is included in the page I try to make ajax work)
index.php
include 'PHP/display.php';
<button id="click" onclick="show();">Click !</button>
<script>
function show(){
var str = "Yes";
$.ajax({
method : 'post',
url : 'PHP/display.php',
data: {
str : str
},
success: function(data) {
console.log(data);
}
});
}
</script>
display.php
<?php
echo isset($_POST['str']) ? $_POST['str'] : "No";
?>
This keeps displaying "No", but the console shows me the "Yes" I want
This code is my first try with ajax, that's why I try to keep it simple, but it doesn't work.
I've been looking for hours on StackOverflow and not one solution works for me.
Maybe i'm missing something, please help me :(
You can see the url property of the ajax call like the php include, but the difference is that it will be executed until you click on the button. PHP will be able to receive the content of data
You can use jQuery's text method to assign the response to the call to the paragraph as text.
function show() {
var str = "Yes";
$.ajax({
method: 'post',
url: 'display.php',
data: {
str: str
},
success: function(data) {
$('#response').text(data);
}
});
}
<p id="response"></p>
display.php
<?php
echo isset($_POST['str']) ? $_POST['str'] : "No";