Você está usando ajax (acredito eu), ajax é assíncrono, ou seja só funciona com "callbacks", se você redirecionar a página com location
logo após chamar o ajax o redirecionamento irá abortar a requisição do Ajax.
Isto é jQuery? Se for o código deveria ficar assim:
var wi = screen.width;
$.post("Index-m.php", { screen: wi }).done(function() {
window.location.replace("Index-m.php");
}).fail(function() {
alert("error");
});
Também parece haver um problema no seu PHP, note que aqui você usa a variavel $resolution
:
$resolution = $_POST["screen"];
Mas aqui você usa a variavel $wi
if ( $wi>= 768)
Outra coisa, usar if
e else
sem {
e }
requer muita atenção com a indentação e com a quantidade de quebra de linhas, recomendo usar sempre assim (se tiver algum erro na logica me avise):
if(isset($_POST['screen'])) {
$resolution = $_POST["screen"];
if ($resolution >= 768) {
echo "55";
} else if ($resolution >= 480 && $resolution <= 767) {
include "";
} else if ( $resolution <= 479)
include "";
}
} else {
echo 'oi';
}
Não entendi o uso dos include
vazios, mas vou supor que você removeu os nomes dos arquivos só no exemplo.
Note que ao enviar uma requisição por ajax e redirecionar depois não será exibido o mesmo conteúdo (serão duas requisições diferentes), se você na verdade necessita enviar um POST no mesmo momento que redireciona (ou seja apenas uma requisição) você terá que usar <form>
ao invés de $.post
, segue exemplo:
<form id="meuForm" action="Index-m.php" method="POST">
<input name="screen" id="screen" type="hidden">
</form>
<script>
function testCase() {
var screenField = document.getElementById("screen");
var meuForm = document.getElementById("meuForm");
screenField.value = screen.width;
meuForm.submit();
}
</script>
<button onclick="testCase()">Testar</button>
No exemplo usei um botão, mas se precisar "automatizar", você pode usar onload
:
<form id="meuForm" action="Index-m.php" method="POST">
<input name="screen" id="screen" type="hidden">
</form>
<script>
window.onload = function() {
var screenField = document.getElementById("screen");
var meuForm = document.getElementById("meuForm");
screenField.value = screen.width;
meuForm.submit();
};
</script>
ou $.ready
(jQuery):
<form id="meuForm" action="Index-m.php" method="POST">
<input name="screen" id="screen" type="hidden">
</form>
<script>
$.ready(function() {
var screenField = document.getElementById("screen");
var meuForm = document.getElementById("meuForm");
screenField.value = screen.width;
meuForm.submit();
});
</script>