AJAX代码在桌面端能跑,但是放在手机就不能跑了,我把代码附上,请问是什么原因呢?

初学者一枚..最近想试试搭个网站学习,就上传到虚拟主机上了。其中一页的内容是个留言板,这个留言板内容在电脑可以看到,换一台电脑也可以看,但是放在安卓手机和iphone6就干脆不显示这个留言板了..因为是初学者写的可能比较low..一开始用XHR写的,网上有人说可能是兼容不好,然后我换成Jquery这种还是不行,来此求解..希望大神解答,谢谢T_T

board.js:

init();

function init(){

  $.get("php/board.php",function(data){

      var jsondata=JSON.parse(data);
      var mymessage = document.getElementById("message");
          mymessage.innerHTML = "";

         for(let i =0; i<jsondata.length ; i++)
        {
          mymessage.innerHTML +=
          "<div class='article'><span style='float:left'>"
          +jsondata[i].username+
          "</span><span style='float:right'>"
          +jsondata[i].intime+
          "</span><br>"
          +jsondata[i].msg+
          "</div>";
        }

       //var mybtn = document.getElementsByTagName("button")[0];
       //mybtn.addEventListener("click", add);
  });

  }

       //function add(){ ... }

board.php:

<?php
date_default_timezone_set('PRC');

include ("dbconnect.php");

if ($_SERVER["REQUEST_METHOD"] == "GET") {

    $result = $mysqli->query("SELECT * FROM board ORDER BY id DESC");

    $rows = array();

    while (1) {
         $row = $result->fetch_array(MYSQLI_ASSOC);
         if(!$row) {break;}
         $rows[] = $row;
    }

    echo json_encode($rows);
}

  //elseif ($_SERVER["REQUEST_METHOD"] == "POST"){...}

?>
阅读 3k
3 个回答

解决了..
1.使用Jquery 而不使用原生XHR
2.把所有的ES6语法改成ES5(例如``还有let...)

两个小建议:
1、如果使用ES6的话,使用前用babel转成ES5;
2、PC端使用jQuery, 移动端使用zepto;

兼容性问题吧,考虑使用jq的封装ajax

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题