2014-02-20 66 views
0

我正在开发一个网页(我对此比较陌生)并且陷入困境。我的HTML页面中有两个div,它们正在使用AJAX进行更新。问题是,内容加载是非常温和的,除非我自己刷新页面或使用我想避免使用的定时元数据刷新。该网页能正常工作,当我访问我的局域网上的服务器,但是当我通过网络访问它时,这里是部分影响AJAX无法正确加载,除非我刷新页面

<script type="text/javascript"> 
google.load('visualization', '1', {'packages':['corechart']}); 
google.setOnLoadCallback(drawChart); 

function drawChart() { 
    var jsonData = $.ajax({ 
     url: "gg.php", 
     dataType:"json", 
     async: false 
         }).responseText; 
    var data = new google.visualization.DataTable(jsonData); 
    var chart = new google.visualization.LineChart(document.getElementById('chart_div')); 
    chart.draw(data, {width: 800, height: 480});};setInterval(drawChart,1000); 
    </script> 


<script> 
$(document).ready(function() { 
$.ajaxSetup({ cache: false }); 
setInterval(function() { 
$('#minmax_layout').load('minmax.php'); 
}, 1000); 
}); 
</script> 

<div id="chart_div"></div> 
<div id="minmax_layout"></div> 

在这个问题上的任何帮助将非常apprciated

回答

0

我可以看到一个页面上的2 Ajax调用

drawChart() 

,另一种是

$('#minmax_layout').load('minmax.php')

而你的第二个ajax调用每秒连续调用。可能会导致这个问题。增加放慢速度的时间,以便正确得到来自服务器的响应并显示。如果服务器延迟下一次呼叫的响应将被触发。

还可以考虑使用asyc调用来避免问题。

相关问题