I am trying to call a php file, which will display a html page, using AJAX from my js. This is my php file:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Snippet details</title>
</head>
<body>
<?php
error_reporting(E_ALL);
ini_set('display_errors', 1);
header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Methods: POST, GET, OPTIONS');
require "../server_detail.php";
$con=mysqli_connect($server,$username,$pass);
$connection=mysqli_select_db($con,$database);
if(!$connection)
echo "Connection to database failed! Please try again";
else{
$sql="SELECT `Snapshot` FROM `snippet` WHERE `Date`='".$_POST["date"].
"' AND `newspaper`='".$_POST["newspaper"]."' AND `Subject_desc`='".$_POST["news_desc"]."'";
$result = $con->query($sql);
$temp=explode('.',$result->fetch_array()[0]);
echo "<div style=
'text-align:center; vertical-align: middle;
background-color: #FFFFFF; margin: 0 auto !important;
min-height: 100%; padding: 0; width: 978px !important; overflow:auto;'>";
echo "<h3>{$_POST['newspaper']}</h3>";
if($temp[count($temp)-1]=="pdf" || $temp[count($temp)-1]=="PDF")
echo "<iframe src='{$result->fetch_array()[0]}' height='200px'>";
else
echo "<img src='{$result->fetch_array()[0]}' height='200px'>";
echo "<p>{$_POST["news_desc"]}</p>";
echo "</div>";
}
$con->close();
?>
</body>
</html>
I am trying to call this script from my js (when a li is pressed):
document.querySelector('body').addEventListener('click', function(event) {
if (event.target.tagName.toLowerCase() === 'li') {
var str=event.target.innerText.split('-');
$.ajax({
url: '/all_backend_stuff/view_page.php',
type: 'POST',
data:{
"date":document.getElementById("date").value,
"newspaper":str[0],
"news_desc":str[1]
},
success:function(response){
window.open('/all_backend_stuff/view_page.php'); //shows that all my array keys are undefined
},
complete:function(){}
});
}
});
My POST variables are showing as undefined. Why is that?