Question

我正在使用此代码：

<script type="text/javascript">

        var id = <?php if(is_numeric($_GET['id'])) print $_GET['id']; else print "0"; ?>;
        var startid = id+1;
        var end = false;

        // function for loading one row
        function getRow(rowid)
        {           
          //$.get("unhandled_one_row.php?id=" + rowid, function(data){ if(data!="\n") $('#dash_table > tbody').append(data); else {  } });

          function HttpRequest(url){
          var pageRequest = false; //variable to hold ajax object

          /*
          if (!pageRequest && typeof XMLHttpRequest != 'undefined')
             pageRequest = new XMLHttpRequest();
          */

          if(window.ActiveXObject)  // Internet Explorer  
          { 
            try
            {
              pageRequest = new ActiveXObject("Msxml2.XMLHTTP");
            }
            catch (e)
            {
              pageRequest = new ActiveXObject("Microsoft.XMLHTTP");
            }
          }
          else  // Firefox, Opera, Safari  
          { 
            pageRequest = new XMLHttpRequest();  
          }

          if (pageRequest){ //if pageRequest is not false
             pageRequest.open('GET', url, false); //get page synchronously 
             pageRequest.send(null);
             embedpage(pageRequest);
             }
          }

          function embedpage(request){
          //if viewing page offline or the document was successfully retrieved online (status code=200)
          if (window.location.href.indexOf("http")==-1 || request.status==200)
          {
             if(request.responseText != "\n") document.write(request.responseText);
             else end = true;
          }
          }

          HttpRequest("unhandled_one_row.php?id=" + rowid);
        }

        // function for deleting a row
        function RemoveRow(obj)
        {
          var rws;
          obj=document.getElementById(obj);
          rws=obj.getElementsByTagName('TR');
          obj.removeChild(rws[rws.length-1]);
        }

        // row loading loop
        do
        {
          getRow(id++);
        } while(!end && document.getElementById("dash_table").clientHeight < document.body.clientHeight - 100);

        // avaiable height exceed control
        // deletes one row if the height was exceeded
        if(document.getElementById("dash_table").clientHeight >= document.body.clientHeight - 100)
        {
          RemoveRow('dash_table');
          id--;
        }

应该逐行动态加载表格，同时比较表格的高度和屏幕的可用高度，当达到可用高度时，循环停止。这段代码在G.Chrome的FF中运行得很好，但在IE中循环无限循环。

为什么？

Answer 1

您可以使用此外观并忘记IE https://github.com/ilinsky/xmlhttprequest或https://github.com/bga/jbasis/blob/master/src/ieXDRToXHR.js

的问题

Answer 2

好的，经过几个小时的尝试可能和不可能我发现IE（不像FF或G.Chrome）支持使用DOM对象动态生成表。像我一样使用document.write函数并不是一个错误，因为你不需要在添加每一行后更新表的属性。在得知此问题后，解决方案只需几分钟。

在getRow函数内部我输入以下代码：

var content = request.responseText.split(";");

var row = document.createElement("tr");
row.className = content[0];

var cell = document.createElement("td");
cell.innerHTML = content[1];
row.appendChild(cell);

cell = document.createElement("td");
cell.innerHTML = content[2];
row.appendChild(cell);

让这成为每个尝试使用简单/懒惰方式生成他的表的人的教训:)

带有ajax的Javascript在FF中工作但在IE中不能工作

2 个答案: