Question

我正在开发一个网页（我相对较新）并且遇到了麻烦。我的HTML页面中有两个div正在使用AJAX刷新。问题是内容加载是非常有气质的，除非我自己刷新页面或使用我想避免使用的定时元数据刷新。当我通过LAN访问我的服务器时页面工作正常但是当我通过网络访问它时发生，这里是受影响的部分

<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>

有关这个问题的任何帮助都会得到很多答案

Answer 1

我可以在第一页看到2 ajax调用

drawChart()

另一个是

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

你的第二个ajax呼叫每秒都会被连续调用。可能导致这个问题。增加减速时间，以便从服务器正确获取响应并显示。如果服务器响应延迟下一次呼叫将被触发。

同时考虑使用asyc调用来避免问题。

除非我刷新页面，否则AJAX无法正确加载

1 个答案: