請教 iphone 網頁日期輸入欄位 XMLHttpRequest 延遲

#javascript #iphone

cingfong311 2022-01-26 16:47:35 ‧ 709 瀏覽

目前有一個時間欄位，我希望在切換時送出 post 獲取來獲取資料。
在電腦的網頁上與安卓手機操作都是正常的，唯獨在 iphone 切換時都會偶發性出現延遲送出
請問有大神遇過類似問題嗎?
以下是我的程式碼

<body>
    <input onchange="changeDate(event)" type="date">
    <h1 id="resH1"></h1>
    <script>
        var resH1 = document.getElementById('resH1')
        function changeDate(e){
            var inputValue = e.target.value
            var resultXhr = new XMLHttpRequest();
            resultXhr.open('POST', url, true);
            resultXhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
            resultXhr.onreadystatechange = function () {
                if (resultXhr.readyState == 4 && resultXhr.status == 200) {
                    var response = JSON.parse(resultXhr.response)
                    if(response.data){
                        resH1.innerText = response.data[0]
                    }
                }
            };
            resultXhr.send(`Date=${inputValue}`);
        }
    </script>
</body>