javascript - 我的 javascript 代码在 pc 上运行但不在 android 或 ios 上运行

标签 javascript android html ios

我正在使用 javascript 使用动态内容更新网页上的某些字段。它适用于所有 PC 浏览器(我测试过 Firefox、IE 和 Chrome),但不适用于 Android 手机和 iPhone。手机显示静态内容,但不显示 javascript 写入的值。

会不会跟HTTP GET的回复报文格式有关?我没有在回复消息中包含 HTTP header ,只是原始数据。

我的js代码如下:

function get_datetime() {
    var GetReq = false;
    var hourText = document.getElementById("hour");
    var minuteText = document.getElementById("minute");
    var dayText = document.getElementById("day");
    var monthText = document.getElementById("month");
    var yearText = document.getElementById("year");

    function GetValComplete() {
        if (GetReq.readyState == 4) {
            if (GetReq.status == 200) {
                var time = GetReq.responseText.split(";");
                hourText.value = time[0];
                minuteText.value = time[1];
                dayText.value = time[2];
                monthText.value = time[3];
                yearText.value = time[4];
            }
        }
    }
    if (window.XMLHttpRequest) {
        GetReq = new XMLHttpRequest();
    }
    else if (window.ActiveXObject) {
        GetReq = new ActiveXObject("Microsoft.XMLHTTP");
    }
    if (GetReq) {
        GetReq.open("GET", "/datetime?id=" + Math.random(), true);
        GetReq.onreadystatechange = GetValComplete;
        GetReq.send(null);
        return true;
    }
    return false;
}

我的 html 代码是:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0     Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-9" />
<title>date-time</title>
<script type="text/javascript" src="datetime.js"></script>

<style type="text/css">
.auto-style3 {
border: 1px solid #000000;
width: 100px;
}
</style>
</head>
<body onload="get_datetime();">
<br />
<h2><strong>date-time settings:</strong></h2>
<h2><strong></strong></h2>
<br />
<form id="form5" name="form5" method="post" action="">
<p><label for="hour">Hour</label>
<input name="hour" id="hour" class="auto-style3" type="text" /><label     for="minute">Minute</label>
<input name="minute" id="minute" class="auto-style3" type="text" /></p>
</form>
<br />
<form id="form6" name="form6" method="post" action="">
<label for="day">Day</label>
<input name="day" class="auto-style3" id="day" type="text" /><label     for="month">Month</label>
<input name="month" class="auto-style3" id="month" type="text" /><label     for="year">Year</label>
<input name="year" class="auto-style3" id="year" type="text" /></form>
<br />
</body></html>

最佳答案

这是缺少的 HTTP header 。携带动态内容的 HTTP 响应没有任何 HTTP header 。现在我手动添加了标题(我必须手动添加它,因为它是一个定制系统)并且它起作用了。

缺少的 header 在 PC 浏览器上无关紧要,但显然不被 Android/iOS 接受。

关于javascript - 我的 javascript 代码在 pc 上运行但不在 android 或 ios 上运行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8703039/

相关文章:

Javascript,获取浏览器 URL 中未显示的默认页面名称

javascript - 输入 : Initials 时进行表单验证/更正

java.lang.IllegalStateException : Trying to requery an already closed cursor error 错误

android - AppCompatActivity 按钮文本的字体样式已更改

php - 如何使用 javascript/html/css 模拟 struts 验证

javascript - 单击时,模糊我的内容

javascript - 嵌套条件语句逻辑有错?

android - 删除 Android EditText 上的左侧填充

html - JAWS 屏幕阅读器在 FireFox 中重复树项目

javascript - 使用 jquery 的简单 .animate