簡體   English   中英

Ajax無法在VPN中使用遠程服務器

[英]Ajax is not working with remote server in VPN

我試圖使用Ajax從遠程服務器訪問json文件並繪圖,然后嘗試使用jqplot繪制圖形。

我懷疑我的Ajax不能與遠程服務器一起使用。 我可以從瀏覽器訪問的URL相同,但是Ajax無法使用相同的URL。 以下是我的代碼。...誰能強調我所犯的錯誤:

<!DOCTYPE html>
<html>
<head>
<title>Test</title>

<link rel="stylesheet" type="text/css" href="jquery.jqplot.css" />

<script src="jqplot.canvasTextRenderer.min.js" type="text/javascript"></script>
<script src="jqplot.canvasAxisLabelRenderer.min.js" type="text/javascript"></script>
<script src="jquery-1.11.3.min.js" type="text/javascript"></script>
<script src="jquery.jqplot.js" type="text/javascript"></script>
<script src="jqplot.dateAxisRenderer.js" type="text/javascript"></script>
<script src="jqplot.categoryAxisRenderer.js" type="text/javascript" ></script>
<script src="jqplot.ohlcRenderer.js" type="text/javascript"></script>
<script src="jqplot.highlighter.js" type="text/javascript"></script>
<script src="jqplot.cursor.js" type="text/javascript"></script>
<script src="jqplot.pointLabels.min.js"  type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function() {

$.ajax({
  url: "http://172.xx.xxx.xxx/mc_measurement_new1.json",
  type: "GET"
  dataType: "jsonp",
  crossDomain:true,
  contentType:'application/json; charset=utf-8',
  success: function (data) {
    populateGraph(data);
  }
});


function populateGraph(ret) {
    var line1 = [];

    for (i = 0; i < ret.length; i++) {
      // Save the data to the relevant array. Note how date at the zeroth position (i.e. x-axis) is common for both demand and supply arrays.
      line1.push([ret[i].id, ret[i].res]);
    }

    var plot2 = $.jqplot('chart1', [line1], {  
      series:[{showMarker:false}],
      axes:{
        xaxis:{
          label:'ID',
          labelRenderer: $.jqplot.CanvasAxisLabelRenderer
        },
        yaxis:{
          label:'Delay',
          labelRenderer: $.jqplot.CanvasAxisLabelRenderer
        }
      }
  });
  };
});
</script>
</head>

<body>
<div id="chart1" style="height: 400px; width: 600px;"></div>

</body>
</html> 

當使用jsonp作為數據類型時,必須提供一個回調,而不必使用成功選項。

查看jQuery api文檔: http : //api.jquery.com/jQuery.ajax/

查找jsonpjsonpCallback選項。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM