Javascript，ajax从网站中提取数据

Posted on by admin

我正在尝试用PhoneGap做web应用程序，所以我使用web语言，如Javascript、HTML5和CSS3。我有一个谷歌地图API，所以我想从网站填充几个坐标点和一些实时信息。

到目前为止，我所拥有的代码如下：

    function initialize() {
     var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 12,
     center: new google.maps.LatLng(55.940937, -3.191612),
     // center: {lat: -28, lng: 137}
     mapTypeId: google.maps.MapTypeId.ROADMAP,
    });

     function getResults(){ 
                var headers = document.getElementsByTagName('th');
                var data = document.getElementsByTagName('td');
                var results = [];
                for(var i = 0; i < data.length; i += headers.length) { 
                    var item = {};
                    for(var j = 0; j < headers.length; j++) { 
                        item[ headers[j].textContent.trim() ] = data[i + j].textContent.trim(); 
                    }
                    results.push(item);
                };
                return results;
            }
            console.log(getResults());
            jsonString = JSON.stringify(getResults());
    function callback(results, status) {
            if(status == google.maps.places.PlaceServiceStatus.OK){
             for (var i = 0; i < results.length; i++){

             var place = results[i];
             console.log(place.name);
             console.log(place.value);
             console.log(types[0]);
             createMarker(results[i]);

             }
            }
            }

    setInterval(function($.ajax({ 
       url: "http://edinburgh.cdmf.info/public/carparks/list.htm?callback", 
        data: getResults(),
        type: 'GET',
        dataType: "jsonp",
        //add_header: Acess-Control-Allow-Origin *
        success: function(data){
            //Update the script
             script.setValue(data.value);},
        error: function() {alert('Failed');},
        beforeSend: setHeader           
        });
        ,30000)
       function setHeader(xhr){
         xhr.setRequestHeader('Authorization', results);
          }
        var trafficLayer = new google.maps.TrafficLayer();
    trafficLayer.setMap(map);
  }

?

和HTML

 </head>
<body onload="initialize()">
    <h1>Welcome to SmartParking</h1>
<div id="map"></div> 

<iframe src="https://www.google.com/maps/d/embed?mid=198X7G-KU3xan5zrG0EtQ63Guojo" width="640" height="480"></iframe>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

?

因此，基本上getResults()方法将转到网站表排序程序，并将td信息提取到一个JSON文件中。

我对web技术是个新手，我真的不知道我是否可以这样做，因为我总是有一个错误的空数组。

我在实际的网站元素检查器控制台Console answer to getResults()上尝试了GetResuts函数，它很有效，它返回给我包含所有信息的对象数组

screenshot problem on console Chrome

转载请注明出处:http://www.0591kyj.com/article/20230526/1717638.html