使用Ajax在PHP變量中獲取屏幕寬度值

Question

我正在嘗試通過Ajax請求獲取PHP變量中的屏幕寬度。

JS檔案：

function screen() {
    var xmlhttp;
    var sWidth=window.screen.width;
    if(window.XMLHttpRequest) {
        xmlhttp=new XMLHttpRequest();
    } else {
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.open("GET", "screen.php?width="+sWidth, true);
    xmlhttp.send();
}
window.onload=screen();

PHP文件：

<?PHP 
$screen=$_GET["width"];
echo $screen;
?>

但最后它顯示了未定義的“寬度”。 救命

Answer 1

var sWidth = window.screen.width;
alert("sWidth is: " + sWidth);
var xhttp = new XMLHttpRequest();
var url = "screen.php?width=" + sWidth;
xhttp.open("GET", url, true);
xhttp.onload = function() { 
    alert("Result: " + xhttp.responseText); 
};
alert("Sending: " + url);
xhttp.send(null);

似乎工作正常。 FF或IE9中沒有問題http://jsfiddle.net/JsHaw/1/

Answer 2

嘗試這個

var sWidth=window.innerWidth;

這里的文檔

希望對你有幫助

Answer 3

這應該工作：

function screen() {
    var xmlhttp;
    var sWidth=window.innerWidth;

    if(window.XMLHttpRequest) {
        xmlhttp=new XMLHttpRequest();
    } else {
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.open("GET", "screen.php?width="+sWidth, true);
    xmlhttp.send();
}
window.onload=screen();