0

我是 javascript 的初学者,通过在线搜索和大量试验和错误将以下代码拼凑在一起。我在 Google Fusion Tables 中有简单的数据,我希望能够从表中提取数据以用于方程式。我可以让它工作的唯一方法是在非异步模式下使用 JQuery/Ajax。

该代码在非 Internet Explorer 浏览器中执行我想要执行的操作,但在 MSIE8 上失败(调试器显示它卡在函数中的VsGM变量处TestJax)。

有没有办法在 IE 中完成这项工作?我是否完全走错了路,如果是这样,是否有更好的方法来检索这些数据(仅限客户端编程)?

这是我的代码:

<html>
<head>
<title>PSHA Output Page</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script
    src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
</script>

<script type="text/javascript"
  src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDTvatTw0U-rSCpen_FnOMMk0a5Pggb0Os&sensor=false">
</script>

<script>
function myNumspull(myx,myy,vstable) {

    var query = "SELECT * FROM " + vstable+" WHERE Lat="+myy+" AND Lon="+myx;
    var encodedQuery = encodeURIComponent(query);
var VsGM, Lon, Lat, rows;
    // Construct the URL
    var url = ['https://www.googleapis.com/fusiontables/v1/query'];
    url.push('?sql=' + encodedQuery);
    url.push('&key=AIzaSyAm9yWCV7JPCTHCJut8whOjARd7pwROFDQ');

    var myJax = TestJax(url, callback); 

return myJax;
}



var callback = function(data, textStatus, xhr)
{
console.log ('from callback function '+myFunction(data, textStatus));
myFunction(data, textStatus);
}

var TestJax = function(url, cb) {
var data = 'Input values';
  $.ajax({
      url: url.join(''),
  async: false,
  cache: false,
      dataType: 'text',
     success: cb
    });
console.log(VsGM,isNaN(VsGM));
return VsGM;
}



function myFunction(data, status) {
        var rows = data.split(" ");
          Lon = rows[18]; // Longitude
          Lat = rows[21]; // Latitude
          VsGM = rows[24]; //vs

    console.log ('from myFunction'+ Lon, Lat, VsGM);

}

</script></head>
<body><script>

var VsTable = new Object();
VsTable['360'] = '1jN5wsiRuJwvK3dQA9ZK_5yW4r1NuhlzC-3jb9wo';
var x1 = -121.50;
var y1 = 38.50;
var k = '360';

var testnumber = myNumspull(x1,y1,VsTable[k]);

document.write ('results = '+testnumber);

</script></body></html>
4

2 回答 2

0

这可能是因为 console.log() 调用。

在 IE 中,您必须删除或注释掉 console.log() 行,否则它不会处理很多次。log() 是 'console' 对象的一个​​方法,在 IE 中,控制台对象在打开开发工具之前不会定义(按 F12 打开工具)。

如果您在执行 JavaScript 之前打开了开发人员工具,则不会出现此问题。此外,当浏览器当前没有定义控制台对象时(当开发者工具未打开时),您可以定义一个虚拟/备用 console.log() 对象和方法供 JavaScript 使用。有关一些代码,请参阅此 StackOverflow 问题:IE8 中的 console.log 发生了什么?

于 2013-05-03T23:00:41.843 回答
0

我知道这是一个老问题,但我在 Internet Explorer 8 和 9 中遇到了同样的问题,所以我正在分享解决方案。

ajax 在 IE8 和 IE9 中返回错误。这是因为 IE 试图下载文件而不是简单地读取它。

因此,在您的 ajax 请求中,您只需指定 dataType,在本例中为 jsonp。

$.ajax({
  type: "GET",
  async: false,
  cache: false,
  dataType: 'jsonp',
  url: query,
  success: function(e) { 
    //...       
  },
  error : function(e) {
    //...        
  } 
});
于 2014-11-26T19:30:01.500 回答