はロードページ時にサーバからクライアントへデータを送信することは、私は私のサーバー側でそのように定義エンドポイントを持っている

Question

をnodejsサーバー。

ホームページにアクセスすると、クライアントにマップを設定するために使用される、全体的に定義されたdensityList（読み込まれる）がクライアントに送信されます。

これは私のクライアント側のコードです：

<script>   

    $(document).ready(function() { 

     $.get('/', {}, function(data){ 

      L.map.accessToken = 'pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpandmbXliNDBjZWd2M2x6bDk3c2ZtOTkifQ._QA7i5Mpkd_m30IGElHziw' 

      console.log("before creating map"); 
      console.log(data); 

      var mymap = L.map('mapid').setView([37.8, -96], 4); 

      console.log("creating map") 
      L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpandmbXliNDBjZWd2M2x6bDk3c2ZtOTkifQ._QA7i5Mpkd_m30IGElHziw', { 
       maxZoom: 18, 
       attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, ' + 
        '<a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' + 
        'Imagery © <a href="http://mapbox.com">Mapbox</a>', 
       id: 'mapbox.streets' 
      }).addTo(mymap); 

      var heat = L.heatLayer(data, {radius: 25}).addTo(mymap); 
     }); 
    }); 
    </script> 

私はこのコード行は、サーバが送信するものは何でもキャプチャする必要があることを信じて：

$.get('/', {}, function(data){ 

をしかし、私が行うとき：

console.log(data) 

htmlファイル全体が印刷されます。誰かがホームページの最初のヒットでこのデータを送信する方法についてアドバイスできますか？

私はあなたがこのようそれはようにする必要があり $.get() syntaxから {}を削除するべきだと思い

Answer 1

：

$.get("/", function(data, status){ 
L.map.accessToken = 'pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpandmbXliNDBjZWd2M2x6bDk3c2ZtOTkifQ._QA7i5Mpkd_m30IGElHziw' 

      console.log("before creating map"); 
      console.log(data); 

      var mymap = L.map('mapid').setView([37.8, -96], 4); 

      console.log("creating map") 
      L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpandmbXliNDBjZWd2M2x6bDk3c2ZtOTkifQ._QA7i5Mpkd_m30IGElHziw', { 
       maxZoom: 18, 
       attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, ' + 
        '<a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' + 
        'Imagery © <a href="http://mapbox.com">Mapbox</a>', 
       id: 'mapbox.streets' 
      }).addTo(mymap); 

      var heat = L.heatLayer(data, {radius: 25}).addTo(mymap); 
      console.log("Data: " + data + "\nStatus: " + status); 
     }); 

はそれが役に立てば幸い:)

Answer 2

あなたは正しくこの質問のようなルーティングおよび静的ファイルを配置する必要があります。node.js and express: possible to skip from route back to middleware (static)?

たとえば、$.getにいくつかのパラメータを含めて、ルータ定義でいくつかの条件チェックを行うことができます。